.loading-el{--mask-bg-color: rgba(0, 0, 0, 0.25);cursor:wait;position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;filter:drop-shadow(0 0 0.25em rgba(0, 0, 0, 0.5));color:#f5f5f5}.loading-el.has-mask{background-color:var(--mask-bg-color)}.loading-el.hidden{display:none;z-index:-1}.loading-el:has(.loading-text:empty) .loading-image{max-height:100%}.loading-el .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:90%;max-height:90%}.loading-el .loading-image{display:flex;justify-content:center;width:max(5em,100%);max-height:calc(100% - 1.5em)}.loading-el .loading-text{padding:2px 8px 4px 8px;width:max-content;background-color:rgba(0,0,0,.5);color:#f5f5f5;font-size:1em;border-radius:5px}.loading-el .loading-text:empty{display:none}
.grid-block{--columns: 12;--gap: 0.125em;--block-size: 2em;position:relative;display:flex;max-width:max-content}.grid-block .grid-content{counter-reset:item-counter;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns), 1fr);grid-template-rows:repeat(var(--rows), 1fr);grid-auto-flow:dense;background-color:hsla(0,0%,100%,.2)}.grid-block .block-item{counter-increment:item-counter;position:relative;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.25);grid-area:span var(--size, 1)/span var(--size, 1);width:calc(var(--size, 1)*var(--block-size) + (var(--size, 1) - 1)*var(--gap));height:calc(var(--size, 1)*var(--block-size) + (var(--size, 1) - 1)*var(--gap));font-weight:bold}.grid-block .block-item::before{position:absolute;top:.25em;left:.25em;z-index:1;padding:.25em;border-radius:.25em;border:1px solid;background-color:hsla(0,0%,100%,.5);color:#000;font-size:.75em}.grid-block .block-item[data-dev-mark]::before{content:attr(data-dev-mark) ", i:" counter(item-counter)}.grid-block .block-item::after{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:3em;height:3em;border-radius:1.5em;background-color:rgba(0,0,0,.5);color:orange;font-size:1.25em;font-weight:bold}.grid-block .block-item[data-dev-size]::after{content:attr(data-dev-size)}
.shadow,.symbol-operate-state.emoji{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);--shadow-gap: var(--shadow-size);filter:drop-shadow(0 0 var(--shadow-size) var(--shadow-color))}.shadow-bottom{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);--shadow-gap: calc(2 * var(--shadow-size));filter:drop-shadow(0 var(--shadow-size) var(--shadow-size) var(--shadow-color))}.shadow-bottom-right{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);--shadow-gap: calc(2 * var(--shadow-size));filter:drop-shadow(var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color))}.text-shadow{--shadow-text-size: 0.1em;--shadow-text-color: var(--theme-shadow-primary-faint);text-shadow:var(--shadow-text-size) var(--shadow-text-size) var(--shadow-text-color)}.symbol-operate-state{cursor:inherit}.symbol-operate-state.absolute{--edge-spacing: 0.5em;position:absolute;top:var(--edge-spacing);right:var(--edge-spacing);z-index:2}.symbol-operate-state.normal{--size: 0.5em;--color: translate;width:var(--size);height:var(--size);border-radius:50%;outline:.125em solid #f5f5f5;background-color:var(--color)}.symbol-operate-state.normal[data-state=maintenance]{--color: orange}.symbol-operate-state.normal[data-state=preparing]{--color: gray}.symbol-operate-state.normal[data-state=running]{--color: limegreen}.symbol-operate-state.normal[data-state=stopped]{--color: red}.symbol-operate-state.emoji{--shadow-size: 0.125em;--shadow-color: var(--theme-shadow-primary);font-size:.5em}*:has(>.symbol-operate-state.absolute){position:relative}
.app-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.app-item .app-item-container{display:grid;width:100%;height:100%}.app-item .app-icon{aspect-ratio:1/1;overflow:hidden;display:flex;padding:0}.app-item .app-icon .image{margin:auto}.app-item .app-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis;margin-top:.5em;color:var(--theme-font-primary);font-weight:bold;text-align:center;text-decoration:none;line-height:1.25}.app-item .app-name:visited{color:var(--theme-font-primary)}
@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
.popup{--popup-bg-color: #2F2F2F;--popup-font-color: whitesmoke;--popup-close-btn-size: 2em;--popup-z-index: 2147483646;position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--popup-z-index);transition:opacity linear .25s}.popup .popup-mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--popup-z-index);display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.75)}.popup .popup-mask.disabled-click{cursor:not-allowed}.popup .btn-popup-close{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:var(--popup-close-btn-size);width:var(--popup-close-btn-size);border-radius:.25em;background-color:#fff;color:#000;font-weight:bold;line-height:calc(var(--popup-close-btn-size)*.5)}.popup .popup-wrapper{cursor:auto;position:relative;max-width:95%;max-height:95%;display:flex}.popup .popup-wrapper>.container{position:relative;width:max-content}.popup .popup-container{overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;margin:1rem;padding:1rem;min-width:10rem;min-height:10rem;background-color:var(--popup-bg-color);color:var(--popup-font-color)}.popup .loading-popup{cursor:wait;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483647;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.popup .loading-popup.hidden{display:none}.popup .loading-popup .loading-image{display:inline-block;width:5em;height:5em;object-fit:contain}.popup .resize-container{resize:both}.popup.hidden,.popup .hidden{display:none !important}.popup.fade-out{opacity:0}
.popup-texture{--popup-bg-color: var(--theme-bg-primary);--popup-font-color: var(--theme-font-primary);--popup-close-btn-size: 1.75em;--popup-container-gap: calc(var(--popup-close-btn-size) / 3);--popup-content-gap: 1em}@media(max-width: 576px){.popup-texture{--popup-content-gap: 0.25em}}.popup-texture:has(.btn-popup-close.hidden) .popup-header{margin-top:0}.popup-texture .btn-popup-close{top:var(--popup-container-gap);right:var(--popup-container-gap);padding:0;border:.125em solid rgba(0,0,0,0);border-radius:var(--popup-close-btn-size);background-color:var(--theme-bg-light-gray);color:var(--theme-font-white)}.popup-texture .btn-popup-close:not(:disabled):hover{border-color:var(--theme-border-orange)}.popup-texture .btn-popup-close .icon{margin:auto}.popup-texture .btn-popup-close .icon-back{display:none}@media(max-width: 576px){.popup-texture .popup-wrapper{max-height:90%;width:100%}}.popup-texture .popup-wrapper>.container{padding:0}.popup-texture .popup-container{overflow:hidden;gap:var(--popup-container-gap);margin:0;padding:0em var(--popup-container-gap) var(--popup-container-gap);max-width:100%;min-width:20em;max-height:100%;min-height:15em;border-radius:var(--radius-l)}@media(max-width: 576px){.popup-texture .popup-container{min-width:15em}}.popup-texture .popup-header{margin-top:calc(var(--popup-close-btn-size) + var(--popup-container-gap)*2);background-color:rgba(0,0,0,0)}.popup-texture .popup-content{flex:1;overflow:hidden;display:flex;flex-direction:column;margin:0 var(--popup-content-gap);padding:calc(var(--popup-content-gap) - var(--popup-container-gap)) 0}.popup-texture .popup-footer:empty{display:none}.popup-texture .popup-footer .btn{padding:.25em .5em;border-radius:.25em;font-size:1em;font-weight:bold;text-align:center}.popup-texture .popup-footer .btn:not(:last-child){margin-right:.5em}.popup-texture .popup-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;min-height:1em;width:100%;text-align:center;font-weight:bold;font-size:1.5em;line-height:1.5;vertical-align:bottom}.popup-texture[data-visible-mode=full-page] .btn-popup-close{left:var(--popup-container-gap);right:revert}.popup-texture[data-visible-mode=full-page] .btn-popup-close .icon-times{display:none}.popup-texture[data-visible-mode=full-page] .btn-popup-close .icon-back{display:block}.popup-texture[data-visible-mode=full-page] .popup-wrapper{max-width:100%;max-height:100%;width:100%;height:100%;background-color:var(--popup-bg-color);background-image:linear-gradient(to right, var(--theme-bg-black-a10) 0% 100%)}.popup-texture[data-visible-mode=full-page] .popup-wrapper>.container{width:100%}.popup-texture[data-visible-mode=full-page] .popup-container{height:100%;border-radius:0}@media(max-width: 576px){.popup-texture[data-visible-mode=mobile-full-page] .btn-popup-close{left:var(--popup-container-gap);right:revert}.popup-texture[data-visible-mode=mobile-full-page] .btn-popup-close .icon-times{display:none}.popup-texture[data-visible-mode=mobile-full-page] .btn-popup-close .icon-back{display:block}.popup-texture[data-visible-mode=mobile-full-page] .popup-wrapper{max-width:100%;max-height:100%;height:100%}.popup-texture[data-visible-mode=mobile-full-page] .popup-wrapper>.container{width:100%}.popup-texture[data-visible-mode=mobile-full-page] .popup-container{height:100% !important;width:100% !important;border-radius:0}}
.popup-message-box .popup-container{width:20em;min-height:10em;height:14.75em}@media(max-width: 576px){.popup-message-box .popup-container{width:100%}}.popup-message-box .popup-header .icon{color:skyblue}.popup-message-box .popup-container{min-height:12.5em}.popup-message-box .popup-footer{text-align:center}.popup-message-box .message-content{flex:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;word-wrap:break-word;word-break:break-all;line-height:1.5}.popup-message-box .message-content.vert-align-top{justify-content:flex-start}.popup-message-box .message-content.vert-align-middle{justify-content:center}.popup-message-box .message-content.vert-align-bottom{justify-content:flex-end}.popup-message-box .message-content.hoz-align-left{align-items:flex-start}.popup-message-box .message-content.hoz-align-center{align-items:center}.popup-message-box .message-content.hoz-align-right{align-items:flex-end}.popup-message-box[data-type=success] .popup-header .icon{color:#32cd32}.popup-message-box[data-type=warning] .popup-header .icon{color:orange}.popup-message-box[data-type=error] .popup-header .icon{color:red}
.btn.btn-login-agent{cursor:pointer;display:flex;align-items:center;margin:.25em;padding:0;max-width:100%;width:15.625em;height:2.5em;border:1px solid silver;border-radius:.25em;background-color:#fff;color:#000;font-size:1em;text-decoration:none}.btn.btn-login-agent.invalid{opacity:.5}.btn.btn-login-agent .login-icon{--size: 50%;display:flex;aspect-ratio:1/1;height:100%}.btn.btn-login-agent .login-icon .image{aspect-ratio:1/1;margin:auto;height:var(--size)}.btn.btn-login-agent .login-label{flex:1;margin:auto .625em auto .125em;color:inherit;font-size:.875em;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.btn-login-agent .login-label[data-integrator]::after{content:"(" attr(data-integrator) ")";position:absolute;right:.125em;bottom:0;color:#a9a9a9}.btn-login-agent[data-agent=discord][data-icon=secondary]{border-color:#5865f2;background-color:#5865f2;color:#fff}.btn-login-agent[data-agent=facebook][data-icon=secondary]{border-color:#1a77f2;background-color:#1a77f2;color:#fff}.btn-login-agent[data-agent=fami] .login-icon,.btn-login-agent[data-agent=family-mart] .login-icon{--size: 65%}.btn-login-agent[data-agent=line][data-icon=secondary]{border-color:#06c755;background-color:#06c755;color:#fff}.btn-login-agent[data-agent=line][data-icon=secondary] .login-icon{--size: 75%}.btn-login-agent[data-agent=twitter][data-icon=secondary],.btn-login-agent[data-agent=x][data-icon=secondary]{background-color:#000;color:#fff}.btn-login-agent[data-agent=yahoo][data-icon=secondary]{border-color:rgba(0,0,0,0);background-color:#6001d2;color:#fff}[data-env]:not([data-env*=product]) .btn-login-agent:has([data-integrator=xsolla]){outline:.125em solid var(--theme-bg-xsolla)}
.login-agent-methods{--gap: 1em;display:flex;flex-direction:column;align-items:center;margin:0 auto;width:max-content}.login-agent-methods .btn-login-agent{margin:0;width:100%}.login-agent-methods .primary-methods{display:flex;flex-direction:column;gap:var(--gap);margin:var(--gap) 0;min-width:16em;width:100%}.login-agent-methods .secondary-methods{display:grid;grid-template-columns:repeat(5, 1fr);gap:var(--gap);padding:var(--gap) 0;width:100%}.login-agent-methods .secondary-methods:not(:empty){border-top:1px solid silver}.login-agent-methods .secondary-methods .btn-login-agent{width:max-content}.login-agent-methods .secondary-methods .btn-login-agent .login-label{display:none}
.popup-login .popup-mask{display:block;justify-content:unset;align-items:unset}.popup-login .popup-mask .popup-wrapper{display:block;max-width:316px;width:95%;top:50%;left:50%;border-radius:10px;transform:translate(-50%, -50%)}.popup-login .popup-mask .popup-wrapper .container{margin:unset;width:auto}.popup-login .popup-mask .popup-wrapper .container .popup-container{padding:0;height:auto;width:auto;min-height:auto;min-width:auto}.popup-login .popup-mask .popup-wrapper .container .popup-container.resize-container{resize:unset;gap:unset}.popup-login .popup-mask .popup-wrapper .container .popup-container .height-light-img-outer{position:relative}.popup-login .popup-mask .popup-wrapper .container .popup-container .height-light-img-outer::after{content:"";position:absolute;top:90%;left:0;right:0;bottom:-2px;pointer-events:none;background:linear-gradient(0deg, var(--popup-bg-color), transparent);backdrop-filter:blur(0.5px)}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-header{margin-top:0}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-header .popup-title{margin:15px auto 6px auto;width:80%;display:block}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-header .popup-title .icon{display:none}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content{padding:0 18px 4px 18px;margin:0;overflow:unset}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods{margin:0 0;width:auto}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods{--gap: 12px;margin:12px 0 16px 0}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods .btn{border-radius:20px;padding:0 2px}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods .btn .login-icon .image{margin:0 0;padding:6px 0;height:unset}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods .btn .login-label{text-align-last:auto;margin:0 0 1px 0}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods .btn:nth-child(3) .login-icon .image,.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods .btn:nth-child(4) .login-icon .image,.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .primary-methods .btn:nth-child(5) .login-icon .image{padding:6px 0 6px 2px}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-content .login-agent-methods .secondary-methods{display:none}.popup-login .popup-mask .popup-wrapper .container .popup-container .popup-footer .alert-message{text-align:center;margin:-5px 0 16px 0;color:#f33;font-weight:bold}
.popup-confirm:has(.btn-popup-close.hidden) .popup-header{margin-top:0}.popup-confirm .popup-container{min-height:12em;height:12.75em}.popup-confirm .popup-footer{display:flex;justify-content:space-evenly;padding-top:.5em;border-top:1px solid silver}.popup-confirm .popup-footer .btn{min-width:4em}.popup-confirm .popup-footer .btn:hover{opacity:revert}
user-scoreboard-block{display:block;width:100%;height:100%}user-scoreboard-block .user-scoreboard-block-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.15)}user-scoreboard-block .user-scoreboard-block-container .recommendation-view{width:100%;height:100%;display:flex;flex-direction:column}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .section-title{margin:0 0 .5rem 0;color:#666;font-size:1.1rem;font-weight:bold}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .app-swiper{--swiper-pagination-bullet-size: 6px;--swiper-pagination-bullet-inactive-opacity: 0.5;--swiper-pagination-color: white;--swiper-pagination-bullet-inactive-color: white;overflow:hidden;flex:1;position:relative}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;gap:.5rem}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-slide .app-item{height:auto}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-slide .app-item .app-item-container{grid-template-rows:1fr auto;height:auto}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-slide .app-item .app-item-container .app-icon{max-width:50%;width:50%;margin:0 auto}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-slide .app-item .app-item-container .app-name{color:#666;font-size:.9rem;font-weight:800;text-align:center;margin:5px auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-pagination{bottom:3px}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-pagination .swiper-pagination-bullet{aspect-ratio:1/1;background-color:rgba(128,180,8,.3)}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .swiper-pagination .swiper-pagination-bullet-active{background-color:#80b408}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .more-challenge-btn{width:100%;background:#80b408;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:bold;padding:3px 0 5px 0;transition:background-color .2s;margin-top:1px}user-scoreboard-block .user-scoreboard-block-container .recommendation-view .more-challenge-btn:hover{background:#fab22b;color:#fff}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .header-section{width:100%;text-align:center}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .header-section .challenge-text{display:block;color:#666;font-size:.9rem}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .header-section .app-name{display:none}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .game-section{width:60%;display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;transition:transform .2s}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .game-section:hover{transform:scale(1.05)}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .stats-section{display:flex;align-items:center;justify-content:center;width:100%}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .stats-section .stats-title{color:#666;font-size:.85rem;white-space:nowrap;margin-right:.5rem;transform:translateY(1.3px)}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .stats-section .stat-item{display:flex;align-items:center}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .stats-section .stat-item .stat-label{display:flex;align-items:center}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .stats-section .stat-item .stat-label svg{width:1rem;height:1rem;color:#ffbd38}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .stats-section .stat-item .stat-value{color:#666;font-size:.8rem;font-weight:bold;margin-right:.5rem}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view.scoreboard-empty{align-items:unset;display:grid;grid-template-rows:2fr 0fr}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view.scoreboard-empty .game-section{width:70%;display:block;cursor:pointer;transition:unset;margin:14px auto auto auto}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view.scoreboard-empty .game-section .app-item{height:auto}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .more-challenge-btn{width:100%;margin-top:1px;background:#80b408;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:bold;padding:6px 0 3px 0;transition:background-color .2s}user-scoreboard-block .user-scoreboard-block-container .scoreboard-view .more-challenge-btn:hover{background:#fab22b;color:#fff}
.block-app-wall .app-wall{--columns: var(--grid-columns, 12);--gap: var(--grid-gap, 1em);--block-size: auto;min-width:100%}.block-app-wall .grid-content{width:100%;background-color:rgba(0,0,0,0)}.block-app-wall .block-item{aspect-ratio:1/1;border-radius:var(--radius-xl);transition:background-color .3s linear}.block-app-wall .block-item:not(:empty){background-color:var(--app-icon-bg-color)}[data-env]:not([data-env*=product]) .block-app-wall .block-item:empty::after{content:"空";color:#6495ed}.block-app-wall .app-item{padding:0;width:100%;height:100%}.block-app-wall .app-item .app-icon{background-color:rgba(0,0,0,0)}
.app-exhibit{--columns: var(--grid-columns, 12);--gap: var(--grid-gap, 1em);position:relative;display:block;min-height:7.5em}.app-exhibit:has(.loading-el.hidden):has(.app-exhibit-content:not([data-empty-mark])):has(.app-exhibit-content:empty){display:none}.app-exhibit .loading-el.hidden+.app-exhibit-content:empty[data-empty-mark]::before{content:attr(data-empty-mark)}.app-exhibit .app-exhibit-content{display:grid;grid-template-columns:repeat(var(--columns), 1fr);gap:var(--gap)}.app-exhibit .app-exhibit-content:empty{grid-template-columns:auto}.app-exhibit[data-hoz-scroll] .app-exhibit-content{overflow-x:auto;display:flex;padding-bottom:.5em}.app-exhibit[data-hoz-scroll] .app-item{flex:1 0 auto;width:calc((100% - var(--grid-gap)*(var(--columns) - 1))/var(--columns))}
.app-tags-exhibit{--temp-cols: var(--grid-columns, 12);--columns: calc(var(--temp-cols) / 2);--gap: var(--grid-gap, 1em);position:relative;display:block;min-height:7.5em}.app-tags-exhibit .hidden{display:none !important}.app-tags-exhibit .tags{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns), 1fr)}.app-tags-exhibit .tag-item-wrapper{position:relative;display:block}.app-tags-exhibit .tag-item-wrapper[data-count]::after{--margin: 0.125em;content:"(" attr(data-count) ")";position:absolute;right:var(--margin);bottom:var(--margin);color:var(--theme-font-dark-gray)}.app-tags-exhibit .tag-item{aspect-ratio:266/123;display:flex;align-items:center;padding:0;width:100%;border-radius:var(--radius-xl);border:none;background-color:rgba(0,0,0,0);background-image:url("/img/element/tag-bg.png");background-size:contain;background-repeat:no-repeat;color:var(--theme-font-black);font-weight:bold}.app-tags-exhibit .tag-item .tag-icon{aspect-ratio:1/1;display:flex;margin:0 5%;height:70%}.app-tags-exhibit .tag-item .tag-icon .image{margin:auto;font-size:2.5em}.app-tags-exhibit .tag-item .tag-label{flex:1;margin-right:.5em;font-size:1.75em;text-align:center;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}@media(max-width: 1700px){.app-tags-exhibit .tag-item .tag-label{font-size:1.65vw}}@media(max-width: 1024px){.app-tags-exhibit .tag-item .tag-label{font-size:1.75vw}}@media(max-width: 768px){.app-tags-exhibit .tag-item .tag-label{font-size:2vw}}@media(max-width: 576px){.app-tags-exhibit .tag-item .tag-label{font-size:4vw}}.app-tags-exhibit .app-exhibit .btn-root{aspect-ratio:1/1;height:100%;width:100%;border-radius:var(--radius-xl);background-color:var(--theme-bg-gray);color:var(--theme-font-black)}.app-tags-exhibit .app-exhibit .btn-root .icon{font-size:3em}
.base-initializing{position:fixed;top:0;bottom:0;right:0;left:0;z-index:2147483645;background-color:#000;color:#f5f5f5}@media(prefers-color-scheme: light){.base-initializing{background-color:#f5f5f5;color:#000}}@media(prefers-color-scheme: dark){.base-initializing{background-color:#000;color:#f5f5f5}}.base-initializing::before{content:"";aspect-ratio:5/2;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:10em;background-image:url("/img/logo-full.svg");background-size:contain;background-repeat:no-repeat;background-position:center;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(-50%) scale(1, 1)}50%{transform:translateX(-50%) translateY(-50%) scale(1.2, 0.8)}}
.main-content{max-width:100%}

/*# sourceMappingURL=index.71730575.css.map*/