.default-sider{position:relative}.default-sider .side-nav{display:flex;flex-direction:column}.default-sider .sider-footer{padding:.5rem;text-align:left;font-size:.75rem;color:var(--grey5-hti);margin-top:auto}.default-sider .sider-footer .app-version__text{font-size:.75rem;color:var(--grey5-hti);margin-bottom:0}.default-sider .download_document__text{margin-top:.5rem;font-size:14px;color:var(--primary-hti);text-decoration:underline;cursor:pointer}.default-sider .ant-layout-sider{background:none}.default-sider .ant-layout-sider-children{background-color:#fff;overflow-y:auto;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.default-sider .ant-layout-sider-children::-webkit-scrollbar{display:none}.default-sider .ant-layout-sider-children .ant-menu-item-selected{background:var(--primary-hti);border-radius:.5rem}.default-sider .ant-layout-sider-children .ant-menu-item-selected:after{border:none}.default-sider .ant-layout-sider-children .ant-menu-item-selected a,.default-sider .ant-layout-sider-children .ant-menu-item-selected svg{color:var(--surface-hti)!important}.default-sider .ant-layout-sider-children .ant-menu-item-selected a #hover__svg,.default-sider .ant-layout-sider-children .ant-menu-item-selected svg #hover__svg{fill:var(--primary-hti)}.default-sider .ant-layout-sider-children .ant-menu-submenu-title,.default-sider .ant-layout-sider-children .ant-menu-item{color:var(--grey1-hti);font-weight:300}.default-sider .ant-layout-sider-children .ant-menu-submenu-title .ant-menu-submenu-arrow,.default-sider .ant-layout-sider-children .ant-menu-submenu-title .ant-menu-title-content a,.default-sider .ant-layout-sider-children .ant-menu-item .ant-menu-submenu-arrow,.default-sider .ant-layout-sider-children .ant-menu-item .ant-menu-title-content a{color:var(--grey1-hti)}.default-sider .ant-layout-sider-children .ant-menu-submenu-title:hover,.default-sider .ant-layout-sider-children .ant-menu-item:hover,.default-sider .ant-layout-sider-children .ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.default-sider .ant-layout-sider-children .ant-menu-submenu-title:hover .ant-menu-submenu-title,.default-sider .ant-layout-sider-children .ant-menu-submenu-title:hover .ant-menu-title-content a,.default-sider .ant-layout-sider-children .ant-menu-item:hover .ant-menu-submenu-arrow,.default-sider .ant-layout-sider-children .ant-menu-item:hover .ant-menu-submenu-title,.default-sider .ant-layout-sider-children .ant-menu-item:hover .ant-menu-title-content a{color:var(--primary-hti)}.default-sider .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title,.default-sider .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed>.ant-menu-item{padding:0 calc(50% - 12px)}.default-sider .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.default-sider .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon{vertical-align:middle}.default-sider .ant-layout-sider-children .ant-menu-sub.ant-menu-inline{background-color:#fff;font-weight:400}.default-sider .ant-layout-header{position:fixed;top:0}.ant-input-number input::-webkit-outer-spin-button,.ant-input-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ant-input-number input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.custom-home-sider{position:relative}.custom-home-sider .app-version__text{display:none}.custom-home-sider .ant-layout-sider-children{background-color:#fff;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.custom-home-sider .ant-layout-sider-children::-webkit-scrollbar{display:none}.custom-home-sider .ant-layout-sider-children .ant-menu-submenu-arrow,.custom-home-sider .ant-layout-sider-children .ant-menu-inline.ant-menu-root .ant-menu-submenu-title,.custom-home-sider .ant-layout-sider-children .ant-menu-submenu-selected{color:var(--grey4-hti);font-weight:400}.custom-home-sider .ant-layout-sider-children .ant-menu-submenu-arrow:hover,.custom-home-sider .ant-layout-sider-children .ant-menu-inline.ant-menu-root .ant-menu-submenu-title:hover,.custom-home-sider .ant-layout-sider-children .ant-menu-submenu-selected:hover{color:var(--primary-hti)}.custom-home-sider .ant-layout-sider-children .ant-menu-sub.ant-menu-inline{background-color:#fff}.custom-home-sider .ant-menu-title-content{padding:0 .5rem}.custom-home-sider .ant-menu-title-content>a{color:var(--grey4-hti)}.custom-home-sider .ant-menu-title-content>a:hover{color:var(--primary-hti)}.custom-home-sider .ant-menu-inline.ant-menu-root .ant-menu-item{padding:0!important;height:fit-content!important;margin-bottom:1rem}.custom-home-sider .ant-menu-inline.ant-menu-root .ant-menu-item:hover,.custom-home-sider .ant-menu-inline.ant-menu-root .ant-menu-item:focus{background:var(--nav-hti);color:#000}.ant-layout{height:100%}.ant-layout-header{background-color:#fff;padding:0 1.5rem}.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right:none}.image-skeleton{width:100%;height:170px}.image-skeleton .ant-skeleton-element{width:100%;height:100%;border-radius:8px;overflow:hidden}.image-skeleton .ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}.image-skeleton-banner-square{height:300px}.image-skeleton-banner-square .ant-skeleton-element{width:100%;height:100%;border-radius:.5rem;overflow:hidden}.image-skeleton-banner-square .ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}.image-skeleton-banner-square .ant-skeleton-element .ant-skeleton-image-svg{width:100%;height:100%;max-width:48px;max-height:48px}.image-skeleton-banner-rectangle{height:180px}.image-skeleton-banner-rectangle .ant-skeleton-element{width:100%;height:100%;border-radius:.5rem;overflow:hidden}.image-skeleton-banner-rectangle .ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}.image-skeleton-banner-rectangle .ant-skeleton-element .ant-skeleton-image-svg{width:100%;height:100%;max-width:32px;max-height:32px}.image-skeleton-horizontal{width:100%;max-width:100px}.image-skeleton-horizontal .ant-skeleton-element{width:100%;height:100%;border-radius:.5rem;overflow:hidden}.image-skeleton-horizontal .ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}.image-skeleton-horizontal .ant-skeleton-element .ant-skeleton-image-svg{width:100%;height:100%;max-width:32px;max-height:32px}.text-skeleton{width:100%}.text-skeleton .ant-skeleton-paragraph{margin-bottom:0!important}.text-skeleton .ant-skeleton-title{width:80%!important}.text-skeleton .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin:.5rem 0}.text-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li+li{margin-top:.5rem}.button-skeleton,.button-skeleton .ant-skeleton-element,.button-skeleton .ant-skeleton-button-lg,.button-skeleton .ant-skeleton-button-sm{width:100%}.ant-image-preview-root{z-index:99}.clientColorPicker .ant-popover-inner{border-radius:.5rem}.clientColorPicker .ant-popover-inner-content{padding:.25rem!important}.clientColorPicker .sketch-picker{border:none!important;box-shadow:none!important;background-color:transparent!important}.ant-modal-content{border-radius:.5rem}.ant-modal-header{border-radius:.5rem .5rem 0 0}.tooltipReport{max-width:350px}.tooltipReport .ant-tooltip-inner{border-radius:1.25rem;padding:.5rem .75rem}.artwork__dropdown .ant-dropdown-menu{border-radius:.5rem;padding:.25rem}.artwork__dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{border-radius:.25rem}.default-sider .ant-layout-sider-children .ant-menu-item-selected{color:#fff}.custom-home__dropdown{color:var(--primary-hti)}.custom-home__dropdown p{font-weight:500;margin:0!important}.ant-calendar-picker-clear:hover.ant-picker-suffix{display:none}.ant-modal-close:hover{background-color:#fff!important}*{font-family:Prompt,tahoma,sans-serif!important;margin:0;padding:0}*::placeholder{font-size:.875rem!important}* body{margin:0}* h1,* h2,* h3,* h4,* h5,* h6,* span,* p{margin-block-start:unset}@font-face{font-family:SukhumvitSetBold;src:url(/assets/SukhumvitSet-Bold-D72kXJo2.ttf) format("truetype");font-weight:600}@font-face{font-family:SukhumvitSetMedium;src:url(/assets/SukhumvitSet-Medium-CbXmyRlO.ttf) format("truetype");font-weight:500}@font-face{font-family:SukhumvitSetLight;src:url(/assets/SukhumvitSet-Light-Rmcz6kU_.ttf) format("truetype");font-weight:300}.app-wrapper{width:100%;height:100vh;overflow:hidden;min-width:1280px}.input-group{width:100%}.pointer{cursor:pointer}.margin-none{margin:0}.custom-scroll-bar::-webkit-scrollbar{width:.375rem}.custom-scroll-bar::-webkit-scrollbar-track{background-color:var(--grey6-hti)}.custom-scroll-bar::-webkit-scrollbar-thumb{background-color:var(--grey5-hti);border-radius:.25rem;font-size:1.25rem}.error-text{color:var(--error-hti);font-size:.75rem;margin-bottom:0}.grey-text{color:var(--grey4-hti)}.disable-text{color:var(--grey5-hti)}.bold-text{font-weight:600}.danger-color-text{color:#fe0000}.success-text{color:#28a745}.multiple-red-text{color:#ff4d4f}.multiple-blue-text{color:#06f}.multiple-green-text{color:#52c41a}.primary-text{color:var(--primary-hti)!important}.primary-title-text{color:var(--primary-hti)!important;font-size:20px;font-weight:600}.secondary-text{color:var(--secondary-hti)}.flex{display:flex}.flexColumn{flex-direction:column}.alignItemCenter{align-items:center}.gap16,.gap8{gap:16px}.one-line{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.two-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.splash-container{width:100vw;height:100vh;background-color:#fff;position:absolute;z-index:9999}.splash-container .main-loading{max-width:300px}.splash-container .main-loading svg{width:300px}.load-realtime .ant-divider-vertical{color:#fff;background-color:#fff;margin:0;height:1.5em}.load-realtime .ant-btn-loading-icon{display:none}.load-realtime .load-spin{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.load-realtime.ant-btn.ant-btn-loading{cursor:progress}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-table__dropdown{margin:0 auto}.action-table__dropdown .ant-dropdown-menu{border-radius:.25rem}.action-table__dropdown .ant-dropdown-menu-item-disabled .ant-dropdown-menu-title-content>div{color:var(--grey6-hti)!important}.action-table__dropdown .ant-dropdown-menu-title-content>div{color:var(--primary-hti)}.action-table__dropdown .ant-dropdown-menu-item:last-child>.ant-dropdown-menu-title-content>div{padding-top:.25rem;border-top:1px solid var(--grey7-hti)}.close-card-button{color:var(--grey5-hti);font-size:1rem;cursor:pointer;transition:.3s}.close-card-button:hover{color:var(--grey3-hti);transform:scale(1.1)}.success-modal-timer .ant-modal-confirm-paragraph{max-width:unset!important}.success-modal-timer .ant-modal-confirm-body .ant-modal-confirm-content{margin-top:0}.success-modal-timer .ant-modal-confirm-btns{display:none}.success-modal-timer .ant-modal-confirm .ant-modal-body{padding:1.5rem 2rem}.main-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;z-index:99}.no-data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:250px}.no-data-with-create{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:unset}.no-data-with-create img{height:40%;max-height:40%;object-fit:contain}.no-data-with-create p{margin:0}.coming-soon{width:100%;height:100%}.coming-soon>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coming-soon>div svg{max-width:400px}.coming-soon>div h2{text-align:center}.component__loading{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:99}.component__loading .loading{max-width:200px}.confirmModal h1{color:var(--secondary-hti)!important;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.confirmModal h4{color:var(--grey2-hti);font-size:1rem;font-weight:400;text-align:center;margin-bottom:0}.confirmModal p{color:var(--grey2-hti);font-size:.875rem;max-width:40ch;font-weight:400;text-align:center;margin-bottom:0}.confirmModal span.email{color:var(--primary-hti)}.confirmModal img{width:100%;max-width:160px;height:auto;margin:1rem auto}.confirmModal .selected-list{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:clip!important;max-height:72px;overflow:hidden}.confirmModal .selected-list text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.confirmModal .ant-modal-confirm-btns{display:flex;justify-content:center;gap:1rem;align-items:center;margin-top:2rem!important}.confirmModal .ant-modal-confirm-btns .ant-btn-primary{font-size:1rem;min-width:120px;height:2.75rem;border:none;box-shadow:none;color:"#fff";background:var(--primary-hti);transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:2rem}.confirmModal .ant-modal-confirm-btns .ant-btn-primary:hover,.confirmModal .ant-modal-confirm-btns .ant-btn-primary:focus{background-color:var(--primary-variant-hti);color:#fff;border-radius:2rem}.confirmModal .ant-modal-confirm-btns .ant-btn-default{font-size:1rem;min-width:120px;height:2.75rem;border:1px solid var(--primary-hti);color:var(--primary-hti);background:#fff;box-shadow:none;font-weight:500;transition:all .3s ease-in-out;border-radius:2rem}.confirmModal .ant-modal-confirm-btns .ant-btn-default:hover,.confirmModal .ant-modal-confirm-btns .ant-btn-default:focus{border:none;background-color:var(--primary-hti);color:#fff;border-radius:2rem}.client-page__container{height:100%;max-height:calc(100% - 72px);position:relative;overflow:auto}.client-page__container .client__table{width:100%;max-height:100%;overflow:auto}.client-page__container .client__table .client-detail-column p{margin:0}.client-page__container .client__table .client-status__tag--active{width:fit-content;border-radius:1rem;font-size:.875rem;color:#06f;background:#0066ff1a;padding:.25rem 1rem;text-wrap:nowrap}.client-page__container .client__table .client-status__tag--trial{width:fit-content;border-radius:1rem;font-size:.875rem;color:var(--grey2-hti);background:var(--grey7-hti);padding:.25rem 1rem;text-wrap:nowrap}.client-page__container .client__table .client-status__tag--expired{width:fit-content;border-radius:1rem;font-size:.875rem;color:#ff8b13;background:#ff8b131a;padding:.25rem 1rem;text-wrap:nowrap}.client-page__container .client__table .client-public__tag{width:fit-content;border-radius:1rem;font-size:.875rem;color:#52c41a;background:#52c41a1a;padding:.25rem 1rem;text-wrap:nowrap}.client-page__container .client__table .client-private__tag{width:fit-content;border-radius:1rem;font-size:.875rem;color:#9747ff;background:#9747ff1a;padding:.25rem 1rem;text-wrap:nowrap}.client-page__container .client__table .client-not-register__tag{width:fit-content;border-radius:1rem;font-size:.875rem;color:var(--grey2-hti);background:var(--grey7-hti);padding:.25rem 1rem;text-wrap:nowrap}.client-page__container .client__table .loading__container svg .rotate{animation:rotate 3s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.client-page__container .client__table .loading__container p{margin-bottom:0;color:#06f;text-align:center;width:100%}.client-page__container .client__table table{width:100%;border-spacing:0;border-collapse:separate}.client-page__container .client__table thead{position:sticky;top:0;z-index:999;box-shadow:#0000000d 0 1px 2px}.client-page__container .client__table thead th{color:var(--grey5-hti);font-weight:400;padding:.5rem;background:#fff}.client-page__container .client__table thead th svg{cursor:pointer}.client-page__container .client__table thead th:nth-child(4),.client-page__container .client__table thead th:nth-child(7){text-align:left}.client-page__container .client__table tbody td{padding:.75rem .5rem}.client-page__container .client__table tbody td:first-child,.client-page__container .client__table tbody td:nth-child(2),.client-page__container .client__table tbody td:nth-child(6){text-align:center}.client-page__container .client__table tbody td:nth-child(3){width:20%}.client-page__container .client__table tbody td:nth-child(5){text-align:center;width:10%}.client-page__container .client__table tbody td:nth-child(7){color:var(--grey5-hti)}.client-page__container .client__table tbody td:nth-child(7) p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.client-page__container .client__table tbody td:nth-child(7) span{color:var(--grey2-hti)}.client-page__container .client__table tbody td:last-child{width:10%}.client-page__container .client__table tbody td p{margin-bottom:0}.client-page__container .client__table tbody td .logo__image{width:90px;height:90px;border-radius:50%;box-shadow:#63636333 0 2px 8px}.client-page__container .client__table tbody td .copy-uid__button{cursor:pointer;width:1rem;height:1rem;transition:all .5s;min-width:12px}.client-page__container .client__table tbody td .copy-uid__button:hover{color:var(--secondary-hti)}.client-page__container .client__table tbody td .client-name__text{color:var(--grey2-hti);font-size:.875rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:fit-content}.client-page__container .client__table tbody td p.client-display-name__text{font-size:.875rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.client-page__container .client__table tbody td p.client-type__text{display:flex;gap:.25rem;font-size:.75rem;color:var(--grey5-hti);align-items:center}.client-page__container .client__table tbody td p.client-type__text span{color:var(--grey2-hti)}.client-page__container .client__table tbody td .client-uid--blue__text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.client-page__container .client__table tbody td .client-uid--blue__text span{color:#06f}.client-page__container .client__table tbody td .client-prefix__text span{font-weight:500}.client-filter__popover{min-width:250px}.client-filter__popover span.clear{width:-webkit-fill-available;color:var(--grey5-hti)}.client-filter__popover span.reset-filter__button{width:100%;text-align:right;color:#06f;cursor:pointer}.client-filter__popover span.reset-filter__button.disabled{color:var(--grey6-hti);cursor:not-allowed}.client-filter__popover .ant-popover-inner{border-radius:.5rem}.client-filter__popover .ant-radio-wrapper-checked .ant-radio-inner{border-color:var(--primary-hti)}.client-filter__popover .ant-radio-wrapper-checked .ant-radio-inner:after{background-color:var(--primary-hti)}.client-filter__popover .ant-divider,.client-filter__popover .ant-checkbox-wrapper+.ant-checkbox-wrapper{margin:0}.client-table__dropdown .ant-dropdown-menu{border-radius:.25rem}.client-table__dropdown .ant-dropdown-menu-item-disabled .ant-dropdown-menu-title-content>div{color:var(--grey6-hti)}.client-table__dropdown .ant-dropdown-menu-title-content>div{color:var(--primary-hti)}.client-table__dropdown .ant-dropdown-menu-item:last-child>.ant-dropdown-menu-title-content>div{padding-top:.25rem;border-top:1px solid var(--grey7-hti);color:#ff4d4f}.client-table__dropdown .ant-dropdown-menu-item{padding:0!important}.client-table__dropdown .ant-dropdown-menu-vertical{overflow-y:visible}.client-table__dropdown .hti-dropdown-option{padding:5px 12px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#fff}.spinner{width:32px;height:32px;border:4px solid #ddd;border-top:4px solid #012875;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:12px;font-size:14px;color:#666}@keyframes spin{to{transform:rotate(360deg)}}.side-nav{height:100%}.side-nav .ant-menu-item-divider{width:80%;margin:0 auto}.side-nav .download_document__text{margin-top:.5rem;font-size:14px;color:var(--primary-hti);text-decoration:underline;cursor:pointer}.side-nav .icon-contain{display:flex;align-items:center;justify-content:center;width:100%;padding:1.5rem;position:relative}.side-nav .icon-contain .logo-wrap{position:relative;width:100%;max-width:130px;height:40px;margin:0 auto;cursor:pointer;transition:all .3s}.side-nav .icon-contain .logo-wrap:hover{transform:scale(1.05)}.side-nav .icon-contain .logo-wrap .logo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity .3s ease}.side-nav .icon-contain .logo-wrap .is-shown{opacity:1}.side-nav .icon-contain .logo-wrap .is-hidden{opacity:0}.side-nav .icon-contain .bib-logo{width:auto;height:auto;max-width:130px;max-height:40px;object-fit:contain;cursor:pointer;transition:transform .3s}.side-nav .icon-contain .bib-logo:hover{transform:scale(1.05)}.side-nav .icon-contain .collapseButton{width:2rem;position:absolute;top:0;right:0;transition:all .3s}.side-nav .icon-contain .collapseButton svg{width:1rem;height:1rem}.side-nav .icon-contain .collapseButton.isCollapse{transform:scaleX(1)}.side-nav .icon-contain .collapseButton.isExpand{transform:scaleX(-1)}.side-nav .ant-menu-item:hover{color:var(--primary-hti)!important}.side-nav .activities-log-nav-icon{display:block;width:16px;height:16px}.top__navbar{height:100%;display:flex;align-items:center;justify-content:space-between}.top__navbar .ant-breadcrumb li .ant-breadcrumb-separator,.top__navbar .ant-breadcrumb li .ant-breadcrumb-link{color:var(--primary-hti);cursor:pointer;vertical-align:middle;font-weight:400}.top__navbar .ant-breadcrumb li .ant-breadcrumb-separator a,.top__navbar .ant-breadcrumb li .ant-breadcrumb-link a{color:var(--primary-hti)}.top__navbar .ant-breadcrumb li .ant-breadcrumb-separator:hover a,.top__navbar .ant-breadcrumb li .ant-breadcrumb-link:hover a{transition:all .3s;color:inherit}.top__navbar .ant-breadcrumb li:last-child .ant-breadcrumb-link{cursor:default}.top__navbar .middle-section{width:fit-content}.top__navbar .circle-grey{background-color:var(--grey7-hti);border-radius:100%;height:2rem;width:2rem;min-width:2rem;position:relative}.top__navbar .circle-grey svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px}.top__navbar .view-as__tag{width:fit-content;height:2.5rem;padding:.25rem;border:1px solid var(--grey7-hti);border-radius:2rem}.top__navbar .view-as__tag>a{gap:.5rem;width:100%;line-height:1;height:100%;padding-right:1rem;background-color:var(--grey7-hti);border-radius:2rem;font-size:1rem;color:var(--primary-hti);display:flex;align-items:center;justify-content:center}.top__navbar .view-as__tag>a img{width:auto;height:30px;border-radius:50%}.top__navbar button{font-weight:300;font-size:.75rem;color:var(--primary-hti);background-color:#e1f0ff}.top__navbar button svg{transition:all .3s ease-in}.top__navbar button:hover,.top__navbar button:focus{background-color:#e1f0ff;color:var(--primary-hti)}.top__navbar button:hover svg,.top__navbar button:focus svg{transform:translate(-5px)}.successModal .ant-modal-body{display:flex;flex-direction:column;justify-content:center;text-align:center}.successModal .ant-modal-body svg{margin:0 auto}.successModal .ant-modal-body h1{color:var(--primary-hti)}.successModal .ant-modal-body .htiButton{width:50%;margin:0 auto}.authentication .error-response__container{width:100%;height:57px;padding:1rem;display:flex;align-items:center;border-radius:.25rem}.authentication .error-response__container.active{background:#ffe2e5;color:var(--error-hti)}.authentication .loginPage{flex:1 1 auto;display:flex;height:100vh}.authentication .loginPage .loginLeft{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--primary-hti);width:60%;padding:2rem 1rem;gap:24px;position:relative;overflow:hidden}.authentication .loginPage .loginLeft>div{text-align:center}.authentication .loginPage .loginLeft .cu-title{margin:0;color:#fff;font-size:42px}.authentication .loginPage .loginLeft .libraryExplainText{text-align:center}.authentication .loginPage .loginLeft .libraryExplainText h1{font-size:1.75rem!important;margin:0;font-weight:600;color:#fff}.authentication .loginPage .loginLeft .libraryDetailText{text-align:center}.authentication .loginPage .loginLeft .libraryDetailText .text{opacity:.8;color:#fff;font-size:18px!important}.authentication .loginPage .loginLeft .loginCover{width:100%;max-width:800px;max-height:550px;object-fit:scale-down}.authentication .loginPage .loginLeft .switch-to{position:absolute;left:20px;bottom:20px}.authentication .loginPage .loginRight{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;background:var(--background-hti)}.authentication .loginPage .loginRight .cu-logo{width:150px;height:fit-content}.authentication .loginPage .loginRight .login-logo{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.authentication .loginPage .loginRight .loginInput{border-radius:100px;padding:1rem}.authentication .loginPage .loginRight .LoginTitle{text-align:center;color:var(--primary-hti);font-size:1.75rem;font-weight:600}.authentication .loginPage .loginRight .title{color:var(--primary-hti);font-size:1.5rem;font-weight:600}.authentication .loginPage .loginRight .passwordLabel a{text-decoration:underline}.authentication .loginPage .loginRight .errorLogin{background-color:#fce2e5;color:#f44e60;width:100%;padding:1.25rem 1.5rem;border-radius:10px;font-weight:500}.authentication .loginPage .loginRight .login-btn{width:100%;height:3.5rem}.offline-confirm-modal .ant-modal-content{display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#fdfaef!important}.offline-confirm-modal .ant-modal-content .ant-modal-close:hover{background-color:#fdfaef!important;cursor:inherit}.offline-confirm-modal .ant-modal-content .ant-modal-body{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.offline-confirm-modal .ant-modal-content .ant-modal-body img{margin:0 auto}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-title{color:var(--secondary-hti-sdk);text-align:center}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-description{color:var(--grey2-hti-sdk);text-align:center;margin:0 auto;max-width:320px}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-remark{background-color:#ffeebe;border-radius:16px;padding:16px;box-sizing:border-box;display:flex;align-items:center}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-remark .remark-bold-text{font-size:14px}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-remark .cautions{font-size:12px}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-remark .ant-divider{height:50px;border-inline-start:2px solid #ffc727;margin-inline:0px}.offline-confirm-modal .ant-modal-content .ant-modal-body .offline-remark .click-to-offline{width:200px;color:var(--grey1-hti-sdk);display:flex;align-items:center;gap:8px}