@font-face{font-display:block;font-family:"HarmonyOS_Sans";font-display:swap;src:url("/Content/HarmonyOS_Sans_SC_Regular.woff2") format('woff2')}:root{--x-font-sans-serif:'HarmonyOS_Sans';--x-font-monospace:'HarmonyOS_Sans';--x-font-display:'HarmonyOS_Sans'}header{position:fixed;z-index:99;width:100%;left:0;top:1.5rem}header .navbar-nav>.nav-item.dropdown:before{content:"";width:100%;height:1rem;display:block;position:absolute;top:100%;left:0}header .navbar-nav>.nav-item.dropdown>.dropdown-menu{position:absolute;display:block;opacity:0;top:1rem;transform-origin:50% 0;pointer-events:none;transform:perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,box-shadow;transition:visibility .25s,opacity .25s,transform .25s;box-shadow:0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06);padding:1rem}header .navbar-nav>.nav-item.dropdown>.dropdown-menu.menu-lg{min-width:20rem}header .navbar-nav>.nav-item.dropdown:hover>.dropdown-menu{opacity:1;pointer-events:auto;visibility:visible;transform:perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px)}header .navbar-nav>.nav-item.dropdown>.dropdown-menu:before{font-family:bootstrap-icons;content:"";position:absolute;top:0;left:28px;right:auto;font-size:22px;color:#fff;transition:top .35s ease}header .navbar-nav>.nav-item.dropdown:hover>.dropdown-menu:before{top:-20px}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul{margin:0;padding:0;list-style:none}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul a{color:var(--x-dropdown-color);display:flex;align-items:center;padding:.5rem;border-radius:var(--x-dropdown-border-radius)}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul a:hover{background-color:var(--x-light-border-subtle)}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul a label{cursor:inherit;margin-left:1rem}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul a i{color:var(--x-link-hover-color);flex-shrink:0}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul a label b{cursor:inherit}header .navbar-nav>.nav-item.dropdown>.dropdown-menu>ul a label span{display:block;color:var(--x-secondary-color);font-size:.6rem}header .navbar-search .input-group{display:flex;flex-wrap:nowrap}header .navbar-search input.form-control{width:120px}header .navbar-search .input-group .form-control{border-top-right-radius:0!important;border-bottom-right-radius:0!important}header .navbar-search .input-group .btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important}header .navbar-expand-lg .navbar-nav{align-items:center}@media(min-width:992px){header .navbar-expand-lg .navbar-collapse{justify-content:flex-end}}@media(max-width:992px){header .navbar-search .input-group{width:20rem}}.logo-svg{width:40px;height:40px;display:inline-block}.logo-svg>svg{max-width:100%;max-height:100%;stroke:currentColor;display:block;transition:stroke .2s}.login-logo{display:flex;justify-content:flex-start;align-items:center;color:#fff;transition:color .2s}.login-logo:hover{color:var(--x-yellow)}.navbar-brand{display:flex;align-items:center;--x-navbar-brand-padding-y:5px;transition:color .2s}.navbar-brand>span:last-child,.login-logo>span:last-child{font-size:1.3rem;margin-left:1rem}.navbar-brand>span:last-child sup,.login-logo>span:last-child sup{font-family:system-ui}.login-div{text-align:center}.login-div img{width:320px}.navbar-brand:hover{color:var(--x-primary)}body>.navbar{margin-top:6rem;border-bottom:1px solid #e5e9ef;z-index:1;--x-navbar-padding-y:.5rem;margin-left:-.5rem;margin-right:-.5rem}body>.navbar>.container{justify-content:flex-start}body>.navbar .navbar-nav{flex-direction:row;margin-left:1rem}body>.navbar .navbar-nav>.nav-item{display:flex;align-items:center}body>.navbar .navbar-nav>.nav-item:before{content:"/"}body>.navbar .navbar-nav>.nav-item span{color:var(--x-dark-border-subtle)!important}body>.navbar .navbar-nav>.nav-item .nav-link{background-color:transparent!important}body>.navbar .navbar-nav a.nav-link:hover{color:var(--x-link-hover-color)!important}*[class^="mdi-"]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--svg);mask-repeat:no-repeat;mask-size:100% 100%}.mdi-dots-hexagon{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 12c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2m-6 0c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2m-6 0c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2m9 6c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2m-6 0c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2m6-12c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2M7 6c0-1.1.9-2 2-2s2 .9 2 2s-.9 2-2 2s-2-.9-2-2'/%3E%3C/svg%3E")}.mdi-scale-balance{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3c-1.27 0-2.4.8-2.82 2H3v2h1.95L2 14c-.47 2 1 3 3.5 3s4.06-1 3.5-3L6.05 7h3.12c.33.85.98 1.5 1.83 1.83V20H2v2h20v-2h-9V8.82c.85-.32 1.5-.97 1.82-1.82h3.13L15 14c-.47 2 1 3 3.5 3s4.06-1 3.5-3l-2.95-7H21V5h-6.17C14.4 3.8 13.27 3 12 3m0 2a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m-6.5 5.25L7 14H4zm13 0L20 14h-3z'/%3E%3C/svg%3E")}.mdi-lock-percent-open-variant-outline{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.5 11c.8 0 1.5.7 1.5 1.5S8.3 14 7.5 14S6 13.3 6 12.5S6.7 11 7.5 11m5 8c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5s1.5.7 1.5 1.5s-.7 1.5-1.5 1.5m-5.3.2l-1.4-1.4l7.1-7.1l1.4 1.4zM18 1c-2.8 0-5 2.2-5 5v2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2h-1V6c0-1.7 1.3-3 3-3s3 1.3 3 3v2h2V6c0-2.8-2.2-5-5-5m-2 9v10H4V10z'/%3E%3C/svg%3E")}.mdi-eye-circle-outline{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22A10 10 0 0 1 2 12A10 10 0 0 1 12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10m0-2a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-9a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m0-3c2.63 0 5 1.57 6 4a6.505 6.505 0 0 1-8.5 3.5A6.52 6.52 0 0 1 6 12c1-2.43 3.37-4 6-4m0 1.5A2.5 2.5 0 0 0 9.5 12a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 12 9.5'/%3E%3C/svg%3E")}.mdi-ship-wheel{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m2 11l2.05.1a7.96 7.96 0 0 1 3.2-5.54L6.13 3.84c-.27-.48-.13-1.09.37-1.37c.5-.27 1.09-.11 1.37.37l.93 1.82a8.1 8.1 0 0 1 6.4 0l.93-1.82c.28-.48.87-.64 1.37-.37c.5.28.64.89.37 1.37l-1.12 1.72a7.96 7.96 0 0 1 3.2 5.54L22 11a1 1 0 0 1 1 1a1 1 0 0 1-1 1l-2.05-.1a7.96 7.96 0 0 1-3.2 5.54l1.12 1.72c.27.48.13 1.09-.37 1.37c-.5.27-1.09.11-1.37-.37l-.93-1.82a8.1 8.1 0 0 1-6.4 0l-.93 1.82c-.28.48-.87.64-1.37.37c-.5-.28-.64-.89-.37-1.37l1.12-1.72a7.96 7.96 0 0 1-3.2-5.54L2 13a1 1 0 0 1-1-1a1 1 0 0 1 1-1m7.07.35c.13-.61.46-1.15.93-1.56L8.34 7.25a6 6 0 0 0-2.29 3.95zM12 9c.32 0 .62.05.9.14l1.38-2.69C13.58 6.16 12.81 6 12 6s-1.58.16-2.28.45l1.38 2.69c.28-.09.58-.14.9-.14m2.93 2.35l3.02-.15a6 6 0 0 0-2.29-3.95L14 9.79c.47.41.8.95.93 1.56m0 1.3c-.13.61-.46 1.15-.93 1.56l1.66 2.54a6 6 0 0 0 2.29-3.95zM12 15c-.32 0-.62-.05-.91-.14l-1.37 2.69c.7.29 1.47.45 2.28.45s1.58-.16 2.28-.45l-1.37-2.69c-.29.09-.59.14-.91.14m-2.93-2.35l-3.02.15c.22 1.6 1.06 3.01 2.29 3.95L10 14.21c-.47-.41-.8-.95-.93-1.56'/%3E%3C/svg%3E")}.mdi-key-outline{--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 18h-6v-3h-1.7c-1.1 2.4-3.6 4-6.3 4c-3.9 0-7-3.1-7-7s3.1-7 7-7c2.7 0 5.2 1.6 6.3 4H24v6h-3zm-4-2h2v-3h3v-2H11.9l-.2-.7C11 8.3 9.1 7 7 7c-2.8 0-5 2.2-5 5s2.2 5 5 5c2.1 0 4-1.3 4.7-3.3l.2-.7H17zM7 15c-1.7 0-3-1.3-3-3s1.3-3 3-3s3 1.3 3 3s-1.3 3-3 3m0-4c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1s-.4-1-1-1'/%3E%3C/svg%3E")}.index-bg{background-image:url("/Content/imgs/index-bg.jpg");background-repeat:no-repeat;background-size:cover}.svg-icon{display:inline-block;width:1em;height:1em}a:hover .h3{color:inherit}footer{background-color:#131415;color:#fff;font-size:.8rem;padding-top:2rem;margin-top:2rem}footer h6,footer h4{color:#fff}footer hr{background-color:#aaa;opacity:1;border-top:0 none;height:.1px}footer ul{list-style:none;margin:0;padding:0;margin-top:1rem}footer ul li{margin-bottom:.2rem}footer h4{font-size:1rem}footer a,footer a:hover{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}footer>.container>p:last-child{padding-bottom:2rem;margin-bottom:0;text-align:center}footer>.container>p:last-child a{margin-left:2rem}footer .row-cols-5>.col:last-child{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}footer .wx-code{display:flex;flex-direction:column;align-items:center}footer .wx-code img{width:90px}.footer-logo>.col-3{text-align:center}.footer-logo .logo-svg{width:50px;height:50px;max-width:100%}.footer-logo h6{font-size:1.5rem}.footer-logo p{margin-bottom:0}.footer-logo img{display:block;width:12rem;height:auto;margin-left:-12px}.foot-tel{font-size:1.8rem;display:inline-block;padding-left:25%;margin-top:5rem}.carousel{position:relative;background:#fff;border-radius:8px;border:0 none;padding:0;box-shadow:0 25px 20px -20px rgba(0,0,0,.1),0 0 20px 10px rgba(0,0,0,.035)}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}.carousel .carousel-item img{border-radius:8px;border:0 none}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease;font-size:3rem}.carousel-control-next{right:0}.carousel-control-next:hover,.carousel-control-prev:hover{opacity:1}.carousel>.carousel-progress{position:absolute;left:50%;bottom:1.5rem;z-index:2;background-color:#efefef;border-radius:1rem;display:flex;justify-content:center;align-items:center;padding:.4rem .8rem;box-shadow:var(--box-shadow)}.carousel>.carousel-progress>.progress-item{background-color:#707070;width:.6rem;height:.6rem;border-radius:.3rem;margin-left:2rem;position:relative;overflow:hidden}.carousel>.carousel-progress>.progress-item:first-child{margin-left:0}.carousel>.carousel-progress>.progress-item:not(.active){cursor:pointer}.carousel>.carousel-progress>.progress-item.active{width:4rem;--bar-width:0;background-color:#fff}.carousel>.carousel-progress>.progress-item.active:before{content:' ';display:block;position:absolute;height:100%;width:var(--bar-width);background-color:var(--x-purple)}.btn.btn-outline-brand{background:transparent;color:#7952b3;border-color:#7952b3}.btn.btn-outline-brand:hover{border-color:#614092;background:#614092;color:#fff}.theme-description{line-height:1.6}.theme-description img{display:block;margin-left:auto;margin-right:auto}.theme-description hr{margin:3rem 0}@media(max-width:767px){.theme-description hr{margin:2rem 0}}.theme-description__list:not(:last-child){margin-bottom:1rem}.theme-description__list__item{font-size:13px;color:#838e95;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #d5dce5;display:flex;justify-content:space-between}.theme-description__item__title{font-weight:500;color:#272727}.theme-description h2{margin-bottom:.75rem}.theme-description h3{margin-bottom:.75rem}.theme-description h5{margin-bottom:.5rem}.theme-description__list__item>p{text-align:left;text-indent:2em}.theme-description__list__item>img{max-height:6rem;max-width:100%}.theme-description h2:not(:first-child),.theme-description h3:not(:first-child),.theme-description h5:not(:first-child){margin-top:3rem}@media(max-width:767px){.theme-description h2:not(:first-child),.theme-description h3:not(:first-child),.theme-description h5:not(:first-child){margin-top:2rem}}.sub-nav{-webkit-box-flex:1;-ms-flex:1;flex:1}@media(max-width:767px){.sub-nav{-ms-flex-wrap:wrap;flex-wrap:wrap}}.sub-nav .nav-item{padding-right:.75rem;padding-left:.75rem}.sub-nav .sub-nav-link{padding:1.135em 0}.sub-nav--has-border{position:relative}.sub-nav--has-border:before{content:'';position:absolute;width:100%;left:0;bottom:0;height:1px;background:#d5dce5}.sub-nav--has-border .sub-nav-link{margin-bottom:-1px;position:relative}@media(max-width:767px){.sub-nav--has-border .sub-nav-link{font-size:14px}}.sub-nav--has-border .sub-nav-link:before{content:'';position:absolute;width:100%;left:0;bottom:1px;height:1px;background:#d5dce5}.sub-nav--has-border .sub-nav-link:hover,.sub-nav--has-border .sub-nav-link:focus{color:#202020}.nav-item{position:relative}.nav-item:first-child{padding-left:0}.nav-item>.active.sub-nav-link{color:#202020}.nav-item>.active.sub-nav-link:before{background:#7952b3;height:3px}.sub-nav-link{color:#838e95}.sub-nav-link.active{color:#202020}.sub-nav-link.active:before{background:#7952b3}.theme-cards-holder:not(:last-child){margin-bottom:35px;padding-bottom:15px;border-bottom:1px solid #d5dce5}.theme-card{display:block;font-size:14px}.theme-card .list-dotted__link{font-size:13px}.theme-cards-holder>ul{list-style:none;padding:0}.theme-card--xl .theme-card__footer__item+.theme-card__footer__item{text-align:right;margin-top:0}.theme-cards__heading{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.theme-cards__heading__button{margin-left:20px}@media(max-width:767px){.theme-cards__heading__button{display:none}}.theme-cards__title{margin-bottom:0;font-size:20px}.theme-card__body{position:relative;display:block;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;background-color:#e5e9ef;border-radius:8px;-webkit-box-shadow:0 25px 20px -20px rgba(0,0,0,.3),0 0 15px rgba(0,0,0,.06);box-shadow:0 25px 20px -20px rgba(0,0,0,.3),0 0 15px rgba(0,0,0,.06);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.theme-card__body img,.theme-card__body .theme-card__img{border-radius:8px}.theme-card__body a.d-block{overflow:hidden}.theme-card__body:hover .theme-card__body__overlay,.theme-card__body:focus .theme-card__body__overlay{opacity:1;visibility:visible}.theme-card__body__overlay{position:absolute;right:10px;bottom:10px;opacity:0;visibility:hidden}.theme-card__img{width:100%;height:100%}.theme-card__footer{padding:15px 8px;color:#343434}@media(max-width:991px){.theme-card__footer{padding-left:2px;padding-right:2px}}@media(min-width:576px){.theme-card__footer__item+.theme-card__footer__item{text-align:right}}.theme-card__footer__item:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-card__footer__item>*:not(:last-child){margin-bottom:.1rem}.theme-card__title,.theme-card__title:hover,.theme-card__title:focus{font-weight:500;color:inherit}.profile-container{margin-top:2rem}.profile-container p{text-indent:2em;line-height:2.4;font-size:1.2rem}.product-list{--x-gutter-y:1.5rem}.product-list .card>a{display:block;z-index:9;top:0;left:0;width:100%;height:100%;position:absolute}@media(max-width:1400px){.footer-logo h6,.foot-tel{font-size:1.2rem}.footer-logo img{width:10rem}}@media(max-width:992px){.footer-logo h6,.foot-tel{font-size:1rem}header{top:.75rem}header .navbar .navbar-collapse{overflow-y:auto;overflow-x:hidden;max-height:30rem}header .navbar-nav>.nav-item.dropdown>.dropdown-menu{position:relative;opacity:1;top:0;transform-origin:initial;pointer-events:auto;transform:none!important;-webkit-backface-visibility:visible;backface-visibility:visible;will-change:unset;transition:none;box-shadow:none;padding:1rem}header .navbar-nav>.nav-item.dropdown:before,header .navbar-nav>.nav-item.dropdown>.dropdown-menu:before{display:none}body>.navbar{margin-top:4rem}}@media(max-width:768px){footer>.container{max-width:none}footer>.container>.row>*{width:100%}.footer-logo h6,.foot-tel{font-size:1.5rem;margin-top:0}.footer-logo img{width:12rem}footer>.container>.row>.col-7>.px-3{border-top:.1px solid #aaa;margin-top:1rem}footer>.container>.row>.col-7 .row>.col{flex-basis:100%;border-bottom:.1px solid #aaa;padding-top:1rem;padding-bottom:1rem}footer>.container>.row>.col-7 .row>.col>h4::after{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";float:right}footer>.container>.row>.col-7 .row>.col.show>h4::after{content:""}footer>.container>.row>.col-7 .row>.col>ul{display:none}footer>.container>.row>.col-7 .row>.col.show>ul{display:block}footer>.container>.row>.col-2{display:flex;justify-content:space-evenly;padding-top:1rem}footer>.container .mt-5{margin-top:0!important}footer>.container>p:last-child{padding-bottom:1rem}footer>.container>p>*{display:block}}@media(min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width:1367px){.modal-xl{max-width:1140px}}h3>a,h5>a{color:inherit;transition:color .2s}h3>a:hover,h5>a:hover{color:var(--x-link-hover-color)}#loadingBg{display:none;justify-content:center;align-items:center;z-index:999}#loadingBg.show{display:flex}.modal-content>.btn-close{position:absolute;top:2px;right:2px;z-index:9}.page-item.disabled .page-link{background-color:var(--x-pagination-disabled-bg);color:var(--x-pagination-disabled-color)}.bs-callout{border:1px solid var(--x-light-border-subtle);border-left:3px solid var(--x-primary);font-size:.8rem;font-style:italic;padding:.75rem 1.25rem;border-radius:.5rem}.nav.left-nav{flex-direction:column}.nav.left-nav.sub-nav--has-border:before{display:none}.sub-nav.left-nav .nav-item{padding:0;display:flex;justify-content:center;align-items:center}.sub-nav.left-nav .nav-item .nav-link{padding-left:.75rem;padding-right:.75rem;flex-grow:1}.sub-nav.left-nav .nav-item .remove-btn{padding-left:.8rem;padding-right:.8rem;padding-top:.4rem;font-size:1.5rem;flex-grow:0;display:block}.left-table,.main-table{width:100%;font-size:.8rem;text-align:center}.left-table th,.main-table th{font-weight:bold}.left-table th,.left-table td,.main-table th,.main-table td{border:1px solid #aaa}.btn-row>.btn,.btn-row>.btn-group{margin-right:1rem}.chart{height:600px}.ck-content{padding:2rem;line-height:2}.col-12>.ck-content{padding:0}.ck-content p:not(.text-center):not(.text-right){text-indent:2em}.ck-content table p:not(.text-center):not(.text-right){text-indent:0}.row-gutter-xy{--x-gutter-y:var(--x-gutter-x)}.row-cols-7>*{flex:0 0 auto;width:14.2857%}.row-cols-8>*{flex:0 0 auto;width:12.5%}.d-flex-center{display:flex;justify-content:center;align-items:center}.d-flex-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.d-flex-start{display:flex;justify-content:flex-start;align-items:center}.d-flex-end{display:flex;justify-content:flex-end;align-items:center}.d-flex-between{display:flex;justify-content:space-between;align-items:center}.d-flex-around{display:flex;justify-content:space-around;align-items:center}.img-w100{width:100%;height:auto}.img-100{width:100%;height:100%}.col-form-label{font-weight:bold}.field-validation-error{color:var(--x-danger)}.text-indent-2{text-indent:2em}.text-gray-soft{color:#838e95!important}.periodic-table{position:relative;--item-height:1rem;width:calc(18*var(--item-height) + 17*.1rem);margin:0 auto;font-size:calc(var(--item-height)/3);margin-bottom:4rem}@media(min-width:576px){.periodic-table{--item-height:1.8rem}}@media(min-width:768px){.periodic-table{--item-height:2.5rem}}@media(min-width:992px){.periodic-table{--item-height:3rem}}@media(min-width:1200px){.periodic-table{--item-height:3.6rem}}.periodic-table .element-type-1{--bg-color:#9ec746}.periodic-table .element-type-2{--bg-color:#149b5f}.periodic-table .element-type-3{--bg-color:#836cb6}.periodic-table .element-type-4{--bg-color:#50329a}.periodic-table .element-type-5{--bg-color:#0f69af}.periodic-table .element-type-6{--bg-color:#2dbecd}.periodic-table .element-type-7{--bg-color:#96d7d2}.periodic-table .element-type-8{--bg-color:#e61e50}.periodic-table .element-type-9{--bg-color:#eb3c96}.periodic-table .element-type-10{--bg-color:#dab2bf}.periodic-table .legend-row{position:absolute;width:calc(9*var(--item-height));height:calc(2*var(--item-height));display:flex;flex-wrap:wrap;top:0;left:calc(3.5*var(--item-height));font-size:.8em}.periodic-table .legend-row>div{width:calc(2*var(--item-height));margin-bottom:.1rem}.periodic-table .legend-row>div:before{content:'';display:inline-block;width:1em;height:1em;background-color:var(--bg-color);margin-right:.5em}.periodic-table .table-row{padding-top:var(--item-height);display:grid;gap:.1rem;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(9,var(--item-height))}.periodic-table .table-row .periodic-row-1{grid-row:1}.periodic-table .table-row .periodic-row-2{grid-row:2}.periodic-table .table-row .periodic-row-3{grid-row:3}.periodic-table .table-row .periodic-row-4{grid-row:4}.periodic-table .table-row .periodic-row-5{grid-row:5}.periodic-table .table-row .periodic-row-6{grid-row:6}.periodic-table .table-row .periodic-row-7{grid-row:7}.periodic-table .table-row .periodic-row-8{grid-row:8;margin-top:1rem}.periodic-table .table-row .periodic-row-9{grid-row:9;margin-top:1rem}.periodic-table .table-row .periodic-col-1{grid-column:1}.periodic-table .table-row .periodic-col-2{grid-column:2}.periodic-table .table-row .periodic-col-3{grid-column:3}.periodic-table .table-row .periodic-col-4{grid-column:4}.periodic-table .table-row .periodic-col-5{grid-column:5}.periodic-table .table-row .periodic-col-6{grid-column:6}.periodic-table .table-row .periodic-col-7{grid-column:7}.periodic-table .table-row .periodic-col-8{grid-column:8}.periodic-table .table-row .periodic-col-9{grid-column:9}.periodic-table .table-row .periodic-col-10{grid-column:10}.periodic-table .table-row .periodic-col-11{grid-column:11}.periodic-table .table-row .periodic-col-12{grid-column:12}.periodic-table .table-row .periodic-col-13{grid-column:13}.periodic-table .table-row .periodic-col-14{grid-column:14}.periodic-table .table-row .periodic-col-15{grid-column:15}.periodic-table .table-row .periodic-col-16{grid-column:16}.periodic-table .table-row .periodic-col-17{grid-column:17}.periodic-table .table-row .periodic-col-18{grid-column:18}.periodic-table .table-row .periodic-item{position:relative;display:block;width:var(--item-height);height:var(--item-height);background-color:var(--bg-color);color:#fff;cursor:pointer;transition:color .2s}.periodic-table .table-row .periodic-item:hover{color:#ee8507}.periodic-table .table-row .periodic-item .element-no{position:absolute;top:0;right:.2em;font-size:.8em}.periodic-table .table-row .periodic-item .element-code{position:absolute;top:0;left:.2em;font-size:.8em}.periodic-table .table-row .periodic-item .element-name{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:1em}.periodic-table .table-row .periodic-item .element-name.text-full{top:0;line-height:var(--item-height)}.periodic-table svg{position:absolute;bottom:-1rem;left:calc(2*var(--item-height) + .2rem);width:var(--item-height);height:calc(4*var(--item-height) + 1.3rem)}.gy-2{row-gap:2rem}.hide{display:none}