@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/static/media/roboto-latin-100.c2aa4ab115bf9c6057cb.woff2) format("woff2"),url(/static/media/roboto-latin-100.a45108d3b34af91f9113.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/static/media/roboto-latin-100italic.7f839a8652da29745ce4.woff2) format("woff2"),url(/static/media/roboto-latin-100italic.451d4e559d6f57cdf6a1.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/static/media/roboto-latin-300.37a7069dc30fc663c878.woff2) format("woff2"),url(/static/media/roboto-latin-300.865f928cbabcc9f8f2b5.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/static/media/roboto-latin-300italic.c64e7e354c88e613c77c.woff2) format("woff2"),url(/static/media/roboto-latin-300italic.bd5b7a13f2c52b531a2a.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/static/media/roboto-latin-400.176f8f5bd5f02b3abfcf.woff2) format("woff2"),url(/static/media/roboto-latin-400.49ae34d4cc6b98c00c69.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/static/media/roboto-latin-400italic.d022bc70dc1bf7b3425d.woff2) format("woff2"),url(/static/media/roboto-latin-400italic.b1d9d9904bfca8802a63.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/static/media/roboto-latin-500.f5b74d7ffcdf85b9dd60.woff2) format("woff2"),url(/static/media/roboto-latin-500.cea99d3e3e13a3a599a0.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/static/media/roboto-latin-500italic.0d8bb5b3ee5f5dac9e44.woff2) format("woff2"),url(/static/media/roboto-latin-500italic.18d00f739ff1e1c52db1.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/static/media/roboto-latin-700.c18ee39fb002ad58b6dc.woff2) format("woff2"),url(/static/media/roboto-latin-700.2267169ee7270a22a963.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/static/media/roboto-latin-700italic.7d8125ff7f707231fd89.woff2) format("woff2"),url(/static/media/roboto-latin-700italic.9360531f9bb817f917f0.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/static/media/roboto-latin-900.870c8c1486f76054301a.woff2) format("woff2"),url(/static/media/roboto-latin-900.bac8362e7a6ea60b6983.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/static/media/roboto-latin-900italic.cb5ad999740e9d8a8bd1.woff2) format("woff2"),url(/static/media/roboto-latin-900italic.c20d916c1a1b094c1cec.woff) format("woff")}html *{font-family:system-ui!important;-webkit-user-select:none;user-select:none}body{background-color:#fff;margin:0;padding:0}::-webkit-scrollbar-track{background-color:#f5f5f5!important;-webkit-box-shadow:inset 0 0 6px #0000004d!important}::-webkit-scrollbar{background-color:#f5f5f5!important;width:4px!important}::-webkit-scrollbar:horizontal{height:4px!important}::-webkit-scrollbar-thumb{background-color:#555!important;-webkit-box-shadow:inset 0 0 6px #0000004d!important}.custom-table .ant-table-cell{padding:4px}.custom-table .ant-table-tbody>tr>td{line-height:1.2;padding:2px}.headerLogin{margin-bottom:32px;text-align:center}.cardLogin{box-shadow:0 6px 20px 0 #0003}.cardLogin .title{font-size:26px;font-weight:500;line-height:30.47px;padding:0 25px;text-align:center}.cardLogin .login-form-button{background-color:#077645}.cardLogin .ant-btn.login-form-button:hover{background-color:#079757}.header{background-color:#40464d;padding:0 16px 0 0}.header .headerLogo{display:flex;justify-content:center;text-align:center}.custom-dropdown .ant-dropdown-menu{background:#40464d!important;border-radius:11px!important;box-shadow:0 4px 12px #0003;padding:10px!important;width:340px!important}.custom-dropdown .ant-dropdown-menu-item{color:#fff!important;font-size:15px!important;margin-bottom:16px!important}.custom-dropdown .ant-dropdown-menu-item:last-child{margin-bottom:0!important}.custom-dropdown .ant-dropdown-menu-item:hover{background:#ffffff1a!important;border-radius:8px!important}.dropdown-header{border-bottom:1px solid #fff3;color:#fff;font-size:14px;padding:12px;text-align:left}.ant-breadcrumb-separator{color:#fff!important}.ant-layout-sider.sider{background-color:#f4f5f6;border-right:1px solid #dddfe1;height:100vh}.siderLogo{background-color:#40464d;height:64px}.objectTree .ant-tree-treenode{align-items:center;font-family:Roboto;font-size:13px;font-weight:700;height:42px;line-height:15.23px;text-align:left}.objectTree{background-color:#f4f5f6;height:calc(100% - 64px);overflow:auto;padding:16px 8px}.objectTree .ant-tree-treenode{overflow:hidden}.objectTree .ant-tree-title{text-wrap:nowrap}.objectTree .ant-tree-indent{width:0}.ant-tree-treenode:before{border-radius:11px}.ant-tree-treenode-selected:before{background:#40464d!important;border-radius:11px}.objectTree .ant-tree-switcher{align-items:center;display:flex;justify-content:center}.objectMenu{background-color:#f4f5f6;color:#000;font-size:13px;font-weight:700;height:calc(100% - 64px);line-height:15.23px;overflow:auto;padding:16px 8px}.objectMenu .ant-menu-item.ant-menu-item-active{background-color:#40464db7!important}.objectMenu .ant-menu-item{background-color:#40464d3d}.objectMenu .ant-menu-item-selected{background-color:#40464d!important}.objectMenu .ant-menu-item .ant-menu-inline-collapsed-noicon{align-items:center;color:#000;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;line-height:15.23px}.objectMenu .ant-menu-item-icon{width:100%}.objectMenu .ant-menu-item .ant-menu-title-content{color:#000;font-size:13px;font-weight:700;line-height:15.23px}.objectMenu .ant-menu-item.ant-menu-item-selected .ant-menu-inline-collapsed-noicon{color:#fff}.objectMenu .ant-menu-item{height:50px;padding:8px}.ant-input-outlined.mainSearchInput{border-radius:11px}.ant-input-outlined.mainSearchInput:hover{background-color:#ebedee;border-color:#f4691b}.ant-input-affix-wrapper-focused.ant-input-outlined.mainSearchInput{background-color:#f4f5f6;border-color:#f4691b}.SwitchContainer{background-color:#fff;border:1px solid #dddfe1;border-radius:11px;height:32px;padding:2px}.SwitchContainer,.ToggleItem{align-items:center;display:flex;justify-content:center}.ToggleItem{border:1px;border-radius:35px;border-radius:9px;cursor:pointer;gap:8px;height:28px;opacity:0;padding:3.5px 25px;transition:background-color .3s ease-in}.Text{color:#40464d;font-size:14px;font-weight:600;line-height:16.71px;text-align:center}.ant-card.ant-card-bordered.cardProject{background-color:#f9fafa;border:1px solid #dddfe1;border-radius:11px;height:auto;padding:16px;width:100%}.cardProject .ant-card-body{padding:0}.cardProject .ant-card-body .ant-divider{background:#dddfe1;margin:0;padding:0}.ant-card.ant-card-bordered.cardProject.disabled{background-color:#ebedee}.cardProject p{margin:0;padding:0}.cardProject .name{font-size:1rem;font-weight:700;line-height:16.41px;text-align:left}.cardProject .address{color:#68717b;font-size:.8rem;font-weight:400;letter-spacing:-.02em;line-height:14.06px;text-align:left}.cardProject .incidentsButton{background-color:#40464d;border-radius:11px;color:#fff;padding:4px,16px,4px,16px;width:100%}.cardProject .ant-btn.incidentsButton:hover{background-color:#292f36;border:0;color:#fff}.notification .chipButton{background-color:#fff;border:1px solid #dddfe1;border-radius:11px;height:24px;padding:0 8px}.notification .ant-btn.chipButton.alert{border:1px solid #d20a30}.notification .ant-btn.chipButton:hover{background-color:#f4f5f6;border:1px solid #40464d;border-radius:11px;color:#40464d;height:24px;padding:0 8px}.notification .ant-btn.chipButton.alert:hover{border:1px solid #d20a30}.notification .chipButton .ant-btn-icon{height:100%;margin-right:8px;text-align:center}.notification .ant-collapse.noDataCollapse{background-color:#0000;border:0 solid #d9d9d9;border-radius:0;width:100%}.notification .ant-collapse.noDataCollapse .ant-collapse-header{padding:0}.notification .noDataCollapse .ant-collapse-content,.notification .noDataCollapse .ant-collapse-content.ant-collapse-content-active{background-color:#ebedee;border-radius:11px;border-top:0 solid #d9d9d9;margin-top:4px}.notification .noDataCollapse .ant-collapse-content-box{padding:8px}.ant-card.ant-card-bordered.cardSubProject{background-color:#f9fafa;border:1px solid #dddfe1;border-radius:11px;height:auto;padding:16px;width:100%}.ant-card.ant-card-bordered.cardSubProject.disabled{background-color:#ebedee}.cardSubProject .ant-card-body{padding:0}.cardSubProject .ant-card-body .ant-divider{background:#dddfe1;margin:0;padding:0}.cardSubProject p{margin:0;padding:0}.cardSubProject .name{font-size:1rem;font-weight:700;line-height:16.41px;text-align:left}.cardSubProject .address{color:#68717b;font-size:.8rem;font-weight:400;letter-spacing:-.02em;line-height:14.06px;text-align:left}.cardSubProject .incidentsButton{background-color:#40464d;border-radius:11px;color:#fff;padding:4px,16px,4px,16px;width:100%}.cardSubProject .ant-btn.incidentsButton:hover{background-color:#292f36;border:0;color:#fff}.ant-card.ant-card-bordered.cardQueue{background-color:#f9fafa;border:1px solid #dddfe1;border-radius:11px;height:auto;padding:16px;width:100%}.ant-card.ant-card-bordered.cardQueue.disabled{background-color:#ebedee}.cardQueue .ant-card-body{padding:0}.cardQueue .ant-card-body .ant-divider{background:#dddfe1;margin:0;padding:0}.cardQueue p{margin:0;padding:0}.cardQueue .name{font-size:1rem;font-weight:700;line-height:16.41px;text-align:left}.cardQueue .address{font-size:.8rem}.cardQueue .address,.cardQueue .numberQueue{color:#68717b;font-weight:400;letter-spacing:-.02em;line-height:14.06px;text-align:left}.cardQueue .numberQueue{font-size:12px;padding-top:4px}.cardQueue .imageMap{border:1px solid #dddfe1;border-radius:11px;height:100%;object-fit:cover;width:100%}.cardQueue .incidentsButton{background-color:#40464d;border-radius:11px;color:#fff;padding:4px,16px,4px,16px;width:100%}.cardQueue .ant-btn.incidentsButton:hover{background-color:#292f36;border:0;color:#fff}.ant-card.ant-card-bordered.cardBody{background-color:#f9fafa;border:1px solid #dddfe1;border-radius:11px;height:auto;padding:16px;width:320px}.ant-card.ant-card-bordered.cardBody.disabled{background-color:#ebedee}.cardBody .ant-card-body{padding:0}.cardBody .ant-card-body .ant-divider{background:#dddfe1;margin:0;padding:0}.cardBody p{margin:0;padding:0}.cardBody .name{font-size:1rem;font-weight:700;line-height:16.41px;margin-bottom:4px;text-align:left}.cardBody .address{font-size:.8rem}.cardBody .address,.cardBody .numberQueue{color:#68717b;font-weight:400;letter-spacing:-.02em;line-height:14.06px;text-align:left}.cardBody .numberQueue{font-size:12px;padding-top:4px}.cardBody .imageMap{border:1px solid #dddfe1;border-radius:11px;height:100%;object-fit:cover;width:100%}.cardBody .incidentsButton{background-color:#40464d;border-radius:11px;color:#fff;padding:4px,16px,4px,16px;width:100%}.cardBody .ant-btn.incidentsButton:hover{background-color:#292f36;border:0;color:#fff}.cardBody .tableButton{background-color:#079757;border-radius:11px;color:#fff;padding:4px,16px,4px,16px;width:100%}.cardBody .ant-btn.tableButton:hover{background-color:#045531;border:0;color:#fff}.cardBody .ant-collapse.roomCollapse{background-color:#0000;border:0 solid #d9d9d9;border-radius:0;width:100%}.cardBody .ant-collapse.roomCollapse .ant-collapse-header{padding:0}.cardBody .roomCollapse .ant-collapse-content,.cardBody .roomCollapse .ant-collapse-content.ant-collapse-content-active{background-color:#ebedee;border-radius:11px;border-top:0 solid #d9d9d9;margin-top:4px}.cardBody .roomCollapse .ant-collapse-content-box{padding:8px}.bodyView .smallButtonBody{border:1px solid #ebedee;border-radius:11px;gap:4px;padding:4px 4px 4px 8px;width:100%}.bodyView .smallButtonBody.select{color:#fff}.bodyView .ant-btn.smallButtonBody:hover{background-color:#fdd9c1;border:0;color:#fff}.notificationLine .chipButton{background-color:#fff;border:1px solid #dddfe1;border-radius:11px;height:24px;margin-bottom:5px;margin-right:5px;padding:0 8px}.notificationLine .ant-btn.chipButton.alert{border:1px solid #d20a30}.notificationLine .ant-btn.chipButton:hover{background-color:#f4f5f6;border:1px solid #40464d;border-radius:11px;color:#40464d;height:24px;padding:0 8px}.notificationLine .ant-btn.chipButton.alert:hover{border:1px solid #d20a30}.notificationLine .chipButton .ant-btn-icon{height:100%;margin-right:8px;text-align:center}.notificationLine .ant-btn.collapseButton{background:#68717b;border-radius:11px;color:#fff;font-size:10px;font-weight:700;height:24px;padding:4px 4px 4px 8px;text-align:left;text-transform:uppercase}.notificationLine .ant-btn.collapseButton:hover{background:#40464d;border-color:#40464d;box-shadow:0;color:#fff}.notificationLine .ant-btn.helpButton{background:#f4f5f6;border-color:#f4f5f6}.notificationLine .ant-btn.helpButton:hover{background:#dcdfe1;border-color:#dcdfe1;color:#000}.tableView .smallButtonBody{border:1px solid #ebedee;border-radius:11px;gap:4px;padding:4px 4px 4px 8px;width:100%}.tableView .ant-btn.smallButtonBody:hover{background-color:#41559f4d;border:0;color:#fff}.tableView .smallButtonBody.select{background-color:#273463;color:#fff}.tableView .datePicker{background:#fff;border:1px solid #dddfe1;border-radius:11px;padding:8px}.tableView .datePicker:hover{border:1px solid #68717b}.tableView .datePicker .ant-picker-cell-selected{background:#68717b}.tableView .buttonExport{align-items:center;background:#079757;color:#fff;display:flex;transition:.3s;vertical-align:initial}.tableView .ant-btn.buttonExport:hover{background:#05683c;color:#fff}.tableViewVirtualize .ant-table-thead .ant-table-cell{background-color:#273463;color:#fff;font-size:.6rem;padding:10px 7px}.tableViewVirtualize .ant-table-thead .ant-table-cell:before{height:100%!important;width:1px!important}.tableViewVirtualize .ant-table-tbody .ant-table-cell{cursor:pointer;font-size:12px;font-weight:400;letter-spacing:-.02em;padding:4.5px 8px;text-align:left}.tableViewVirtualize .ant-table-tbody .ant-table-cell .columnStatus{width:100%}.tableViewVirtualize .ant-table-tbody .ant-table-cell #battery{background:linear-gradient(90deg,#32cd32 50%,gray 0);border:1px solid #40464d;border-radius:0;cursor:pointer;height:14px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:28px}.tableViewVirtualize .ant-table-tbody .ant-table-cell .container{height:14px;position:relative;width:28px}.tableViewVirtualize .ant-table-tbody .ant-table-cell .container *{position:absolute}.tableViewVirtualize .ant-table-tbody .ant-table-cell .battery{border:1px solid #40464d;border-radius:3px;height:14px;padding:5px;width:28px;z-index:1}.tableViewVirtualize .ant-table-tbody .ant-table-cell .battery:before{background:#40464d;border-radius:0 3px 3px 0;content:"";height:6.3px;left:27px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.tableViewVirtualize .ant-table-tbody .ant-table-cell .battery:after{color:#f0f;content:attr(level);mix-blend-mode:difference}.tableViewVirtualize .ant-table-tbody .ant-table-cell .batteryLevel{font-size:12px;left:25%;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:10}.tableViewVirtualize .ant-table-tbody .ant-table-cell .part{background:#0f0;border-radius:3px;bottom:10px;height:12.5px;left:0;top:0;z-index:0}@keyframes animate{0%{background:red;width:0}50%{background:orange;width:48%}to{background:#0f0;width:95%}}.tableViewVirtualize .ant-pagination .ant-pagination-item-active{border:1px solid #40464d}.tableViewVirtualize .ant-pagination .ant-pagination-item-active>a{color:#000}.tableViewVirtualize .ant-table-tbody .ant-table-cell.ant-table-cell-row-hover{background-color:#e1e1e1}.tableViewVirtualize .ant-dropdown{border:1px solid #c4c4c4}.tableViewVirtualize .ant-dropdown-trigger.ant-table-filter-trigger{margin-inline:4px -1px;padding:0}.tableViewVirtualize .filterIconContainer{border-radius:6px;padding:0 4px;transition:.3s}.tableViewVirtualize .filterIconContainer.select{background-color:#fff}.cardWaterCold{border:1px solid #dddfe1;border-radius:11px}.cardWaterCold .ant-skeleton.ant-skeleton-element.ant-skeleton-active{min-width:100%;width:100%}.cardWaterCold.alert{border:2px solid #d20a30}.cardWaterCold .ant-card-body{padding:16px}.coldWaterCard .containerTitle{display:flex;margin-bottom:8px}.coldWaterCard .containerTitle .title{font-size:12px;font-weight:700;margin-left:8px;text-align:left;text-transform:uppercase}.coldWaterCard .containerDescription{margin-bottom:8px}.coldWaterCard .containerDescription .textDescription{color:#969b9f;font-size:10px;font-weight:500;padding:0;text-align:left}.coldWaterCard .containerDescription .valueDescription{color:#232930;font-size:10px;font-weight:500;padding:0;text-align:right}.coldWaterCard .containerDescription .valueDescription.status{text-transform:uppercase}.coldWaterCard .containerDescription .valueDescription.copy:hover{text-decoration:underline}.coldWaterCard .containerValue{margin-bottom:8px}.coldWaterCard .containerValue .value{background-color:#f4f5f6;border-radius:11px;height:28px;padding:8px,12px,8px,12px;width:100%}.coldWaterCard .containerValue .value .data{color:#232930;font-size:16px;font-weight:700;text-align:center}.coldWaterCard .containerValue .descriptionValue{color:#68717b;font-size:14px;font-weight:400;text-align:center;text-transform:uppercase}.coldWaterCard .subContainerDescription{margin-bottom:8px}.coldWaterCard .subContainerDescription .textDescription{color:#969b9f;font-size:10px;font-weight:500;padding:0;text-align:left}.coldWaterCard .subContainerDescription .valueDescription{color:#232930;font-size:10px;font-weight:500;padding:0;text-align:right}.coldWaterCard .containerIncidents{text-align:center}.coldWaterCard .containerIncidents span{vertical-align:middle}.coldWaterCard .containerIncidents span.disabled path{fill:#ebedee}.roomView .buttonStatusAll{align-items:center;border-radius:11px;display:flex;font-size:14px;font-weight:400;height:24px;justify-content:center;line-height:16.41px;padding:4px 4px 4px 8px;text-align:left}.roomView .ant-btn.buttonStatusAll:hover,.roomView .buttonStatusAll{background:#f4691b;border:0;color:#fff}.roomView .button{align-items:center;background:#fff;border:1px solid #ebedee;border-radius:11px;color:#40464d;display:flex;font-size:14px;font-weight:400;height:24px;justify-content:center;line-height:16.41px;padding:4px 4px 4px 8px;text-align:left}.roomView .ant-btn.button:hover{background:#ebedee;border:1px solid #ebedee;color:#40464d}.roomView .headerTextName{color:#969b9f;font-size:14px;font-weight:400;line-height:16.41px;text-align:left}.roomView .headerTextValue{color:#232930;text-align:center}.deviceView .gtext,.roomView .headerTextValue{font-size:14px;font-weight:700;line-height:16.41px}.deviceView .gtext{color:#969b9f;text-align:left}.deviceView .btext{color:#232930;line-height:16.41px}.deviceView .btext,.deviceView .textPeriod{font-size:14px;font-weight:700;text-align:left}.deviceView .datePicker{background:#fff;border:1px solid #dddfe1;border-radius:11px;padding:8px}.deviceView .datePicker:hover{border:1px solid #68717b}.deviceView .datePicker .ant-picker-cell-selected{background:#68717b}.cardWaterCold{background-color:#f9fafa}.coldWaterCard .statusDescrtiption{color:#68717b;font-size:16px;font-weight:400;text-align:left}.coldWaterCard .descrtiption{color:#68717b;font-size:14px;font-weight:400;text-align:left}.coldWaterCard .statusValue{font-weight:700;text-align:right}.coldWaterCard .descriptionValue{text-align:right}.ant-card.incidentsHistory{background-color:#f9fafa;border:1px solid #dddfe1;padding:16px}.ant-card.incidentsHistory .ant-card-body{padding:0}.incidentsHistory .title{color:#40464d;font-size:18px;font-weight:700;text-align:left}.historyChartCollapse .ant-collapse-header{box-shadow:2px 4px 11px 0 #0000001c}.lossDashboard .ant-statistic .ant-statistic-title{color:#000;font-size:1.5rem;font-weight:500;line-height:1.2;padding-bottom:.125em}.lossDashboard .ant-statistic .ant-statistic-content-value{font-weight:700;line-height:1.2;white-space:nowrap}.lossDashboard .ant-statistic.lossRed .ant-statistic-content-value{color:#ff3d64;font-size:2.5rem}.lossDashboard .ant-statistic.peretop .ant-statistic-content-value{color:#8ad554;font-size:2rem}.lossDashboard .ant-statistic.nedotop .ant-statistic-content-value{color:#4da2f1;font-size:2rem}.lossDashboard .padding .ant-card-body{padding:5px}@media(max-width:576px){.ant-picker-panels{flex-direction:column}}@keyframes scaleCheckmark{0%{transform:scale(0)}50%{transform:scale(1.6)}to{transform:scale(1)}}.success-message{padding:24px;text-align:center}.success-message .checkmark{animation:scaleCheckmark .5s ease-in-out;color:#52c41a;font-size:48px}.success-message h3{color:#333;font-size:24px;margin-top:16px}.success-message p{color:#666;font-size:16px;margin-top:8px}.boxes{height:32px;margin-left:50px;margin-top:32px;position:relative;transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);transform-origin:50% 50%;transform-style:preserve-3d;width:32px}.logo-container{align-items:center;display:flex;justify-content:center}#logo-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s ease-in-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.boxes .box{height:32px;left:0;position:absolute;top:0;transform-style:preserve-3d;width:32px}.boxes .box:first-child{animation:box1 1s linear infinite;transform:translate(100%)}.boxes .box:nth-child(2){animation:box2 1s linear infinite;transform:translateY(100%)}.boxes .box:nth-child(3){animation:box3 1s linear infinite;transform:translate(100%,100%)}.boxes .box:nth-child(4){animation:box4 1s linear infinite;transform:translate(200%)}.boxes .box>div{--translateZ:15.5px;--rotateY:0deg;--rotateX:0deg;background:#5c8df6;bottom:auto;height:100%;left:auto;position:absolute;right:auto;top:auto;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));width:100%}.boxes .box>div:first-child{background:#5c8df6;left:0;top:0}.boxes .box>div:nth-child(2){--rotateY:90deg;background:#145af2;right:0}.boxes .box>div:nth-child(3){--rotateX:-90deg;background:#447cf5}.boxes .box>div:nth-child(4){--translateZ:-90px;background:#dbe3f4;left:0;top:0}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}