.loader-container{display:flex;justify-content:center;align-items:center;border-radius:8px;position:relative;width:100%;height:100%}.loader{width:50px;height:50px;border-radius:50%;border:4px solid #b7ebfd47;border-top-color:#fff;will-change:transform}.button-component-container{position:relative;width:fit-content}.button-component-container .button-component{display:flex;align-items:center;justify-content:center;height:24px;margin:4px;border-radius:18px;width:fit-content;padding:4px 12px}.button-component-container .button-component .button-img{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.button-component-container .button-component .button-img>*{height:100%}.button-component-container .button-component .button-left-img{margin-right:6px}.button-component-container .button-component .button-right-img{margin-left:6px}.button-component-container .button-component .button-label{display:flex;align-items:center;justify-content:center;margin-bottom:2px;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.2)}.button-component-container .button-component.premium{background:linear-gradient(to right top,#d19e1d,#ffd86e,#e3a812)}.button-component-container .button-component.disabled{border:1px solid transparent}.button-component-container .button-component.disabled>*{opacity:.5}.button-component-container .button-component.loading{border:none}.button-component-container .button-component.small{height:20px;border-radius:18px;font-size:12px}.button-component-container .button-component.small .button-img{width:16px;height:16px}.button-component-container .button-component.large{height:28px;border-radius:22px}.button-component-container .button-component.large .button-img{width:24px;height:24px}.button-component-container .button-bg{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:30px}.tmp{background:#9cd5e46b}.app-data-wrapper-auth{display:flex;width:100%;height:100%;align-items:center;justify-content:space-evenly}.bubble-area-layout{position:fixed;bottom:40px;left:calc(50vw - 6.5rem);width:13rem;height:17rem;touch-action:none;z-index:3}.bubble-area-layout .bubble{height:40px;width:40px;position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.6);opacity:1;animation:pop 1.5s linear forwards;background-color:#ffffff73;box-sizing:border-box}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:.3}50%{transform:translateY(-10em) scale(1);opacity:1}to{transform:translateY(-20em) scale(0);opacity:0}}.puddle-layout{width:27vh;height:9vh;position:fixed;left:43%;bottom:10px;z-index:1}.overlay{position:fixed;z-index:5;top:0;left:0;width:100%;height:100%}.overlay .overlay-bg{width:100%;height:100%;background:#67899d73;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);position:fixed;z-index:5}.overlay .overlay-children{padding-top:30px;width:100%;height:calc(100% - 105px);position:relative;z-index:5;overflow:hidden;padding-bottom:5px;box-shadow:0 -5px 8px -2px #77899166 inset;-webkit-box-shadow:0 -5px 8px -2px rgb(119 137 145 / 40%) inset;-moz-box-shadow:0 -5px 8px -2px rgb(119 137 145 / 40%) inset}.overlay .overlay-hide-button{display:flex;color:#cfeeff;flex-direction:column;align-items:center;position:fixed;bottom:10px;left:50%;transform:translate(-50%);padding:6px 0;z-index:8;font-weight:600}.orders-list{padding:10px 15px;width:calc(100% - 30px);height:100%}.orders-list .orders-list-wrapper{width:100%;height:calc(100% - 52px)}.orders-list .orders-list-items-wrapper{z-index:5;height:100%;overflow-x:hidden;overflow-y:scroll;padding-top:2px;width:calc(100% + 10px);padding-right:10px}.orders-list .orders-list-items-wrapper .order-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh;height:7vh}.orders-list .orders-list-items-wrapper .order-item .order-thing-icon{width:6vh;height:6vh;border-radius:8px;padding:.5vh;margin-right:2vw;border:1px solid rgb(255 255 255 / 15%)}.orders-list .orders-list-items-wrapper .order-item .order-thing-icon img{width:100%;height:100%}.orders-list .orders-list-items-wrapper .order-item .order-consumables{height:7vh;display:flex;align-items:center}.orders-list .orders-list-items-wrapper .order-item .order-consumables .order-consumable{display:flex;flex-direction:column;align-items:center;margin-left:4px;font-size:12px}.orders-list .orders-list-items-wrapper .order-item .order-consumables .order-consumable img{margin-bottom:4px;height:24px}.orders-list .orders-list-items-wrapper .order-item .order-consumables .order-consumable.not-enough{color:#b42c2f;font-weight:700}.orders-list .empty-list-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:120px}.tabs{position:relative;border-radius:21px;padding:4px;display:flex;justify-content:space-between;border:none;margin-bottom:8px}.tabs .tabs-item{height:22px;position:relative;padding:4px 12px;margin:0;font-size:14px;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.2);width:100%;text-align:center}.tabs .tabs-item-selected{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff3;border-radius:15px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transform:none;transform-origin:50% 50% 0}.active-orders{padding:0 16px}.active-orders .active-order{display:flex;align-items:center;margin-bottom:8px;width:100%}.active-orders .active-order .active-order-thing-icon{width:50px;height:50px;border-radius:8px;margin-right:10px}.active-orders .active-order .active-order-thing-icon img{width:100%;height:100%}.active-orders .active-order .active-order-info{width:calc(100% - 60px);display:flex;flex-direction:column;align-items:center;height:100%}.active-orders .active-order .active-order-info .active-order-completed-num{font-weight:600;font-size:14px;width:100%;text-align:center;background:linear-gradient(90deg,#38637d00,#3386b9e3 40%,#3386b9e3 60%,#38637d00)}.active-orders .active-order .active-order-info .active-order-progress{width:100%;height:8px;background:#ffffff5e;border-radius:4px;overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.active-orders .active-order .active-order-info .active-order-progress .active-order-progress-fill{height:100%}.shop{padding:10px 15px;width:calc(100% - 30px);height:100%}.shop .shop-list-items-wrapper{z-index:5;height:100%;overflow-x:hidden;overflow-y:scroll;padding-top:2px;width:calc(100% + 10px);padding-right:10px}.shop .shop-list-wrapper{width:100%;height:calc(100% - 52px)}.shop .shop-list-wrapper .shop-list-item{margin-bottom:12px;display:flex;justify-content:space-between}.shop .shop-list-wrapper .shop-list-item.not-available .shop-list-item-icon{opacity:.5}.shop .shop-list-wrapper .shop-list-item.not-available .shop-list-item-info{opacity:.6}.shop .shop-list-wrapper .shop-list-item .shop-list-item__left-container{display:flex;flex:1}.shop .shop-list-wrapper .shop-list-item .shop-list-item__right-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.shop .shop-list-wrapper .shop-list-item .shop-list-item-icon{width:50px;height:65px;border-radius:8px;padding:4px;margin-right:8px;border:1px solid rgb(255 255 255 / 15%);display:flex;flex-direction:column;align-items:center;overflow:hidden}.shop .shop-list-wrapper .shop-list-item .shop-list-item-icon img{height:100%}.shop .shop-list-wrapper .shop-list-item .shop-list-item-info{height:100%;text-shadow:0 0 2px rgba(0,0,0,.2);width:calc(100% - 78px)}.shop .shop-list-wrapper .shop-list-item .shop-list-item-info .product-name{font-weight:500}.shop .shop-list-wrapper .shop-list-item .shop-list-item-info .product-description{font-size:12px;color:#cbf1ff;line-height:14px}.shop .shop-list-wrapper .shop-list-item .shop-list-item-info .product-quantity{font-size:12px}.shop-product-get-button{height:28px;padding:4px 12px;border-radius:25px;border:1px solid rgb(255 255 255 / 15%);font-size:14px;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.2);display:flex;align-items:center;align-self:flex-start}.shop-product-get-button img{margin-right:8px;height:100%}.shop-product-get-button.disabled{opacity:.5;border:1px solid #ffffff00}.status-bar{position:fixed;width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;border-top:none;border-left:none;border-right:none;z-index:10}.status-bar .status-bar-balance{height:30px;display:flex;align-items:center;font-weight:600}.status-bar .status-bar-balance img{height:100%;margin-right:8px}.top-list{padding:10px;width:calc(100% - 20px);height:100%}.top-list .top-list-items{z-index:5;height:100%;overflow-x:hidden;overflow-y:scroll;padding-top:2px;width:calc(100% + 10px);padding-right:10px}.top-list .top-list-items .top-list-item{display:grid;grid-template-columns:.5fr 1fr 4fr 2fr;align-items:center;margin-bottom:12px}.top-list .top-list-items .top-list-item>div{padding:0 12px}.top-list .top-list-items .top-list-item .avatar{border-radius:50%;width:32px;height:32px;padding:4px}.top-list .top-list-items .top-list-item .balance{display:flex;justify-content:flex-end}.quests{padding:10px 15px;width:calc(100% - 30px);height:100%}.quests .quests-list-items-wrapper{z-index:5;height:100%;overflow-x:hidden;overflow-y:scroll;padding-top:2px;width:calc(100% + 10px);padding-right:10px}.quests .quests-list-wrapper{width:100%;height:calc(100% - 52px)}.quests .quests-list-wrapper .quests-item{margin-bottom:12px;display:flex;justify-content:space-between}.quests .quests-list-wrapper .quests-item .quests-item__left-container{display:flex;flex:4}.quests .quests-list-wrapper .quests-item .quests-item__right-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.quests .quests-list-wrapper .quests-item .quests-item-icon{width:50px;height:50px;border-radius:8px;padding:4px;border:1px solid rgb(255 255 255 / 15%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.quests .quests-list-wrapper .quests-item .quests-item-icon img{height:100%}.quests .quests-list-wrapper .quests-item .quests-item-info{width:calc(100% - 62px);display:flex;flex-direction:column;align-items:center;height:100%}.quests .quests-list-wrapper .quests-item .quests-item-info.disabled{border:1px solid transparent}.quests .quests-list-wrapper .quests-item .quests-item-info.disabled>*{opacity:.5}.quests .quests-list-wrapper .quests-item .quests-item-info .quests-item-info-status{text-align:center;width:calc(100% - 24px)}.quests .quests-list-wrapper .quests-item .quests-item-info .quests-item-info-status .quest-status-progress{width:100%;height:8px;background:#ffffff5e;border-radius:4px;overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.quests .quests-list-wrapper .quests-item .quests-item-info .quests-item-info-status .quest-status-progress-fill{height:100%}.quests .quests-list-wrapper .quests-item .quests-item-info .quests-item-info-status .isCompleted{background:#26d926}.notifications-container{position:fixed;top:0;width:calc(100% - 24px);padding:36px 12px 0;display:flex;flex-direction:column;gap:4px}.notifications-container .notification-item{width:calc(100% - 24px);display:flex;align-items:center;height:min-content;padding:12px;border-radius:8px;color:#fff;background:#042033e5;font-size:14px}.notifications-container .notification-item .notification-item-icon{width:20px;height:20px;margin-right:12px}.friends-overlay{padding:10px 15px;width:calc(100% - 30px);height:100%}.friends-overlay .invite-button{width:100%;margin-top:12px}.friends-overlay .invite-button .button-component-container{width:100%}.friends-overlay .invite-button .button-component-container .button-component{width:calc(100% - 34px)}.friends-overlay .friends-container{height:calc(100% - 52px);overflow-x:hidden;overflow-y:scroll;width:calc(100% + 5px);padding-right:10px}.friends-overlay .invite-rewards-title,.friends-overlay .invite-friends-title{text-align:center;font-size:18px;font-weight:500}.friends-overlay .invite-rewards{margin-top:8px}.friends-overlay .invite-rewards .invite-reward-item{margin-bottom:8px;display:flex;gap:8px}.friends-overlay .invite-rewards .invite-reward-item .invite-reward-icon{width:40px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;border-radius:6px;font-size:14px;font-weight:500}.friends-overlay .invite-rewards .invite-reward-item .invite-reward-icon img{width:32px;height:32px}.friends-overlay .invite-rewards .invite-reward-item .invite-reward-info{display:flex;flex-direction:column;flex:1}.friends-overlay .invite-rewards .invite-reward-item .invite-reward-info .reward-title{font-weight:500}.friends-overlay .invite-rewards .invite-reward-item .invite-reward-info .reward-description{font-size:12px;color:#e9faff}.friends-overlay .invite-rewards .invite-reward-item .invite-get-reward-button{display:flex;align-items:center}.friends-overlay .invite-friends{margin-top:8px}.friends-overlay .invite-friends .invite-friends-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.friends-overlay .invite-friends .invite-friends-item .invite-friends-item-left{display:flex;align-items:center;gap:12px}.friends-overlay .invite-friends .invite-friends-item .invite-friends-item-left .avatar{border-radius:50%;width:32px;height:32px;padding:4px}.modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.modal-wrapper .modal-bg{position:fixed;left:0;top:0;width:100%;height:100%}.modal-wrapper .modal{position:fixed;width:220px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px;box-sizing:border-box;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wash .wash-background{position:fixed;top:0;left:0;background-image:url(/img/wash/wash-bg.jpg);background-position:top left;background-size:contain;background-repeat:round;width:100%;height:100%}.wash .wash-shelf{position:fixed;bottom:30px;right:15px;z-index:2}.wash .wash-shelf .wash-shelf-trigger{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:4px;width:56px;height:56px;z-index:2}.wash .wash-shelf .wash-shelf-trigger img{height:42px}.wash .wash-shelf .wash-shelf-trigger .bubble{left:16px;top:12px}.wash .wash-shelf .shelf-items{position:fixed;bottom:30px;left:5%;display:flex;flex-wrap:wrap;gap:16px;width:90%;box-sizing:border-box;padding:26px 24px 100px;border-radius:30px;z-index:1;overflow:hidden;transform-origin:bottom right;border:1px solid rgb(255 255 255 / 30%);background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wash .wash-shelf .shelf-items .shelf-item{height:52px;position:relative}.wash .wash-shelf .shelf-items .shelf-item .consumable-rest{position:absolute;top:-10px;right:-5px;border-radius:4px;padding:4px;background:#2d3c45;font-size:12px}.wash .wash-shelf .shelf-items .shelf-item .consumable-rest.few{background:#c38900}.wash .wash-shelf .shelf-items .shelf-item .consumable-rest.critical{background:#c70d0d}.wash .wash-shelf .shelf-items .shelf-item img{height:100%}.wash .wash-shelf .shelf-items .shelf-title{position:absolute;bottom:10px;font-size:16px;font-weight:700;width:calc(100% - 75px);color:#fff;padding:5px 10px;text-align:center;background:linear-gradient(90deg,#38637d00,#3f5d6fbf 40%,#3f5d6fbf 60%,#38637d00)}.wash .wash-machine{position:fixed;bottom:40px;height:40%;width:100%}.wash .wash-machine .wash-machine-body{position:absolute;width:100%;height:100%;z-index:2}.wash .wash-machine .wash-machine-body img{position:relative;height:100%;left:50%;transform:translate(-50%)}.wash .wash-machine .wash-machine-drum{position:absolute;width:100%;height:100%;display:flex;justify-content:center;z-index:3}.wash .wash-machine .wash-machine-drum img{position:relative;height:100%}.wash .wash-menu{width:calc(100% - 32px);display:flex;gap:12px;align-items:flex-start;justify-content:center;margin-top:30px;padding:16px}.wash .wash-menu .wash-menu-item{display:flex;flex-direction:column;align-items:center;border-radius:5px;padding:4px;color:#fff;font-weight:600;font-size:12px;width:55px}.wash .wash-menu .wash-menu-item img,.wash .wash-menu .wash-menu-item svg{height:32px}.wash .wash-menu .wash-menu-item span{text-shadow:0 0 2px rgba(0,0,0,.2);border-radius:5px;padding:0 4px}.wash .repair-button{position:fixed;bottom:30px;left:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;padding:4px;width:56px;height:56px;z-index:1;border:1px solid rgba(255,255,255,.5);background:#ffffff26}#root{width:100%;height:100%;color:#fff;touch-action:pan-y}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#286ca3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.glass{background-color:#68cbe959;border:1px solid rgb(255 255 255 / 30%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.premium{background:linear-gradient(to right top,#d19e1d,#ffd86e,#e3a812)}.premium .premium-icon{position:absolute;right:-10px;bottom:-10px}.premium .premium-icon path{color:#639}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}img{-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.flex{display:flex}.align-center{align-items:center}@media (prefers-color-scheme: light){:root{color:#286ca3;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.bubble{position:absolute;width:10px;height:10px;border-radius:50%;right:7px;bottom:20px}.bubble.large{width:12px;height:12px}.bubble.yellow{background:#ed910f}.bubble.red{background:#dd2d2d}.bubble.green{background:#00c904}.reward-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.reward-wrapper .reward-bg{position:fixed;left:0;top:0;width:100%;height:100%}.reward-wrapper .reward{position:fixed;width:180px;height:220px;top:calc(50% - 110px);left:calc(50% - 90px);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px;box-sizing:border-box;overflow:hidden}.reward-wrapper .reward .reward-effect{width:300px;height:300px;position:absolute;z-index:-1}.reward-wrapper .reward .reward-icon{width:100px;height:100px;display:flex;justify-content:center}.reward-wrapper .reward .reward-icon img{height:100%}.reward-wrapper .reward .reward-value{font-size:28px;font-weight:700;text-align:center;text-shadow:0 0 2px rgba(0,0,0,.2)}
