.menu-wrapper{width:550px;height:750px;position:absolute;left:60%;top:50%;transform:translateY(-52%);background:transparent;z-index:1;display:flex;align-items:center;flex-direction:column;pointer-events:all;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 768px){.menu-wrapper{left:50%;transform:translate(-50%);top:unset;bottom:20px;height:400px;width:350px}}.menu-wrapper .menu-header{width:100%;height:10%;background:#210232;color:#fff;font-size:36px;display:flex;justify-content:center;align-items:center;border:1px solid #a610fd;clip-path:polygon(0 0,calc(100% - 52px) 0,100% 72px,100% 100%,0 100%)}@media (max-width: 768px){.menu-wrapper .menu-header{clip-path:polygon(0 0,calc(100% - 32px) 0,100% 41px,100% 100%,0 100%);font-size:30px}}.menu-wrapper .menu-header-cutoff-helper{position:absolute;left:0;top:0;width:100%;height:10%;background:#a610fd;clip-path:polygon(0 0,calc(100% - 50px) 0,100% 70px,100% 100%,0 100%)}@media (max-width: 768px){.menu-wrapper .menu-header-cutoff-helper{clip-path:polygon(0 0,calc(100% - 30px) 0,100% 39px,100% 100%,0 100%)}}.menu-wrapper .menu-tabs-wrapper{width:100%;height:10%;border:1px solid #a610fd;display:flex;align-items:center;padding-left:5px;padding-right:5px;background:#210232cc}.menu-wrapper .menu-tabs-wrapper .tab{width:65px;height:100%;cursor:pointer;opacity:.4;margin-right:5px}@media (max-width: 768px){.menu-wrapper .menu-tabs-wrapper .tab{width:40px;opacity:.8}}.menu-wrapper .menu-tabs-wrapper .tab-skins{background:url(/assets/icons/categories/skins.png) no-repeat center/contain;background-size:60%}.menu-wrapper .menu-tabs-wrapper .tab-expressions{background:url(/assets/icons/categories/expressions.png) no-repeat center/contain;background-size:60%}.menu-wrapper .menu-tabs-wrapper .active-tab{background-color:#a610fd;opacity:1}.menu-wrapper .menu-category-wrapper{width:100%;height:70%;border:1px solid #a610fd;position:relative;background:#210232cc;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));grid-auto-rows:180px;gap:25px;padding:25px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 768px){.menu-wrapper .menu-category-wrapper{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:110px;gap:10px;padding:10px}}.menu-wrapper .menu-category-wrapper::-webkit-scrollbar{width:0;height:0}.menu-wrapper .menu-category-wrapper .category-item{scroll-snap-align:start;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.menu-wrapper .menu-category-wrapper .category-item:before,.menu-wrapper .menu-category-wrapper .category-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-wrapper .menu-category-wrapper .category-item:before{z-index:0;background-color:#210232;transition:background-color .3s ease;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.menu-wrapper .menu-category-wrapper .category-item:after{z-index:1;background-color:#1f0030;clip-path:polygon(12px 2px,calc(100% - 12px) 2px,calc(100% - 2px) 12px,calc(100% - 2px) calc(100% - 12px),calc(100% - 12px) calc(100% - 2px),12px calc(100% - 2px),2px calc(100% - 12px),2px 12px)}@media (max-width: 768px){.menu-wrapper .menu-category-wrapper .category-item{height:110px;width:100px}}.menu-wrapper .menu-category-wrapper .category-item:hover:before{background-color:var(--item-frame-border, #a610fd)}.menu-wrapper .menu-category-wrapper .category-item .item-backdrop{width:90%;height:80%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@media (max-width: 768px){.menu-wrapper .menu-category-wrapper .category-item .item-backdrop{width:70%}}.menu-wrapper .menu-category-wrapper .category-item .item-icon{width:90%;height:80%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;z-index:3}@media (max-width: 768px){.menu-wrapper .menu-category-wrapper .category-item .item-icon{width:50%;height:70%}}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge{position:absolute;top:-1px;right:-1px;padding:8px 10px;font-size:10px;font-weight:500;pointer-events:none;color:var(--badge-text, #fff);z-index:2}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:before,.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:before{z-index:0;background:transparent;clip-path:polygon(3px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 3px),calc(100% + -0px) 100%,8px 100%,0 calc(100% - 8px),0 3px)}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:after{z-index:1;background:var(--badge-bg, blue);clip-path:polygon(4px 1px,calc(100% - 11px) 1px,calc(100% - 1px) 11px,calc(100% - 1px) calc(100% - 4px),calc(100% - 1px) calc(100% - 1px),9px calc(100% - 1px),1px calc(100% - 9px),1px 4px)}@media (max-width: 768px){.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge{padding:6px 8px;font-size:8px}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:before,.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:before{z-index:0;background:transparent;clip-path:polygon(3px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 3px),calc(100% + -0px) 100%,6px 100%,0 calc(100% - 5px),0 3px)}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge:after{z-index:1;background:var(--badge-bg, blue);clip-path:polygon(4px 1px,calc(100% - 11px) 1px,calc(100% - 1px) 11px,calc(100% - 1px) calc(100% - 4px),calc(100% - 1px) calc(100% - 1px),7px calc(100% - 1px),1px calc(100% - 6px),1px 4px)}}.menu-wrapper .menu-category-wrapper .category-item .category-rarity-badge .badge-label{position:relative;z-index:2}.menu-wrapper .menu-category-wrapper .active-item{position:relative}.menu-wrapper .menu-category-wrapper .active-item:before,.menu-wrapper .menu-category-wrapper .active-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-wrapper .menu-category-wrapper .active-item:before{z-index:0;background-color:var(--item-frame-border, #a610fd);transition:background-color .3s ease;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.menu-wrapper .menu-category-wrapper .active-item:after{z-index:1;background-color:#210232cc;clip-path:polygon(12px 2px,calc(100% - 12px) 2px,calc(100% - 2px) 12px,calc(100% - 2px) calc(100% - 12px),calc(100% - 12px) calc(100% - 2px),12px calc(100% - 2px),2px calc(100% - 12px),2px 12px)}.menu-wrapper .menu-buttons{width:100%;height:10%;display:flex;justify-content:center;position:relative}.menu-wrapper .menu-buttons .button-save{position:absolute;right:20px;top:20px;display:flex;justify-content:center;align-items:center;width:120px;height:55px;color:#fff;font-size:20px;cursor:pointer;opacity:.8;transition:opacity .2s ease}.menu-wrapper .menu-buttons .button-save:before,.menu-wrapper .menu-buttons .button-save:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-wrapper .menu-buttons .button-save:before{z-index:0;background:transparent;clip-path:polygon(5px 0,calc(100% + -0px) 0,100% 0px,100% calc(100% - 30px),calc(100% - 30px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.menu-wrapper .menu-buttons .button-save:after{z-index:1;background:var(--badge-bg, #a610fd);clip-path:polygon(6px 1px,calc(100% - 1px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 31px),calc(100% - 31px) calc(100% - 1px),6px calc(100% - 1px),1px calc(100% - 6px),1px 6px)}@media (max-width: 768px){.menu-wrapper .menu-buttons .button-save{top:5px;right:0;width:80px;height:40px;font-size:16px}}.menu-wrapper .menu-buttons .button-save .save-label{z-index:2;margin-left:-15px}.menu-wrapper .menu-buttons .button-save:hover{opacity:1}#inspector-host,#scene-explorer-host{z-index:1000}.category-item.rarity-common{--badge-bg: none;--badge-text: none}.category-item.rarity-epic{--badge-bg: #246bff;--badge-text: white;--item-frame-border: #246bff}.category-item.rarity-legendary{--badge-bg: #c99f35;--badge-text: white;--item-frame-border: #c99f35}.gui-wrapper{position:absolute;left:0;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.rendering-engine-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;outline:none}.rendering-engine-wrapper canvas{outline:none}.loading-screen{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;left:0;top:0;width:100%;height:100%;background:#2b2b2b;pointer-events:none;z-index:100;color:#fff;font-size:26px}.loading-screen .loading-animation{height:10%}@font-face{font-family:Racing Sans One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/racing-sans-one-latin-ext-400-normal-xoo4VeR6.woff2) format("woff2"),url(/assets/racing-sans-one-latin-ext-400-normal-CLrB34Qv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Racing Sans One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/racing-sans-one-latin-400-normal-BryReCGz.woff2) format("woff2"),url(/assets/racing-sans-one-latin-400-normal-CSnAzumI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none;font-family:Racing Sans One}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0}
