@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Rubik&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap";.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}a{color:inherit;text-decoration:none}button{padding:0;font-family:inherit;border:none}@font-face{font-family:Fallback;src:local(system-ui),local(-apple-system),local(BlinkMacSystemFont),local(Segoe UI),local(Roboto),local(Ubuntu),local(Helvetica),local(Arial),local(sans-serif)}html,body{height:100%;margin:0;font-size:16px;font-family:Rubik,Fallback;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{user-select:none;-webkit-user-drag:none}::selection{background:rgba(209.1,216.75,224.4,.15)}#app{width:100%;height:100%}.action-menu[data-v-2e8ea0de]{display:flex;align-items:center;margin-top:5rem;padding:.5rem;background-color:#17191c;border-radius:2rem}.action-menu .menu-item[data-v-2e8ea0de]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0 .5rem;background-color:#2e3138;border-radius:50%;cursor:pointer;transition:opacity .2s}.action-menu .menu-item .menu-icon[data-v-2e8ea0de]{width:1.2rem;height:1.2rem;color:#d1d9e0}.action-menu .menu-item[data-v-2e8ea0de]:hover{opacity:.8}.action-menu .menu-item.disabled[data-v-2e8ea0de]{cursor:default;opacity:.6}.code-modal[data-v-09a3d689]{position:fixed;bottom:0;left:50%;z-index:999;width:100%;height:100%;padding:2rem 0;overflow:hidden;transform:translate(-50%,45%);backdrop-filter:blur(.1rem)}.code-box[data-v-09a3d689]{position:relative;width:75%;max-width:800px;height:10rem;margin:0 auto;padding:4rem 2rem 2.5rem;background-color:#272c35;border-radius:1rem;transition:width .2s}@media screen and (max-width: 1200px){.code-box[data-v-09a3d689]{width:75%}}@media screen and (max-width: 768px){.code-box[data-v-09a3d689]{width:80%}}@media screen and (max-width: 480px){.code-box[data-v-09a3d689]{width:90%;padding:4rem 1rem 2.5rem}.code-box .code-header[data-v-09a3d689]{padding:0 1rem}}.code-box .code-header[data-v-09a3d689]{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:4rem;padding:0 2rem}.code-box .code-header .title[data-v-09a3d689]{font-weight:700}.code-box .code-header .close-btn[data-v-09a3d689]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:auto;color:#d1d9e0;background-color:#323843;border-radius:50%;cursor:pointer}.code-box .code-header .close-btn .icon-close[data-v-09a3d689]{width:45%;color:inherit;opacity:.6;transition:opacity .2s}.code-box .code-header .close-btn:hover .icon-close[data-v-09a3d689]{opacity:1}.code-box .code-content-box[data-v-09a3d689]{position:relative;height:20rem;height:100%;padding:1rem 0;background:hsl(220,15%,14%);border-radius:.8rem}.code-box .code-content-box .code-scroll-wrapper[data-v-09a3d689]{height:100%}.code-box .code-content-box .copy-btn[data-v-09a3d689]{position:absolute;top:100%;left:50%;display:flex;align-items:center;justify-content:center;width:5rem;height:2rem;color:#fff;background-color:#9947eb;border-radius:.4rem;transform:translate(-50%,12%);cursor:pointer;transition:color .15s,background-color .15s}.code-box .code-content-box .copy-btn.copied[data-v-09a3d689]{color:#21242c;background-color:#75e3f0}.fade-enter-active[data-v-09a3d689],.fade-leave-active[data-v-09a3d689]{transition:opacity .25s ease,transform .25s}.fade-enter-from[data-v-09a3d689],.fade-leave-to[data-v-09a3d689]{transform:translate(-50%,2rem);opacity:0}.code-content{display:block;padding:0 1.5rem;color:#c0c5ce;color:#81cfef;font-size:1.25rem;font-family:Ubuntu Mono,Fallback;line-height:1.4}@media screen and (max-width: 480px){.code-content{padding:0 1rem;font-size:1rem}}.code-content>.token.key{color:#ffcb6b}.code-content>.token.string,.code-content>.token.number{color:#c3e88d}.setting-section[data-v-0a042232]{padding:1.8rem 1rem}.setting-section .section-title[data-v-0a042232]{margin-bottom:1.5rem;font-weight:700}.configurator-scroll[data-v-d039674a]{width:20rem;height:100%;background-color:#21242c}.configurator[data-v-d039674a]{width:100%;color:#d1d9e0}.configurator .wrapper-shape[data-v-d039674a]{display:flex;align-items:center}.configurator .wrapper-shape .wrapper-shape__item[data-v-d039674a]{padding:.4rem .5rem;cursor:pointer}.configurator .wrapper-shape .wrapper-shape__item .shape[data-v-d039674a]{display:inline-block;width:1.5rem;height:1.5rem;background-color:#d1d9e0;transition:background-color .2s}.configurator .wrapper-shape .wrapper-shape__item .shape.circle[data-v-d039674a]{border-radius:50%}.configurator .wrapper-shape .wrapper-shape__item .shape.squircle[data-v-d039674a]{border-radius:20%}.configurator .wrapper-shape .wrapper-shape__item .shape.active[data-v-d039674a]{background-color:#9947eb}.configurator .bg-color-list[data-v-d039674a]{display:flex;flex-wrap:wrap;align-items:center}.configurator .bg-color-list .bg-color-list__item[data-v-d039674a]{position:relative;z-index:1;width:14.2857142857%;padding:.6rem 0;cursor:pointer;transition:transform .2s}.configurator .bg-color-list .bg-color-list__item .bg-color[data-v-d039674a]{position:relative;box-sizing:content-box;width:1.3em;height:1.3em;margin:0 auto;font-size:16px;border-radius:50%;box-shadow:0 0 .05em .2em #21242c}.configurator .bg-color-list .bg-color-list__item .bg-color.transparent[data-v-d039674a]{background:#fff!important}.configurator .bg-color-list .bg-color-list__item .bg-color.transparent[data-v-d039674a]:after{position:absolute;top:50%;left:50%;z-index:1;color:#ff4757;font-weight:700;font-size:1.8rem;transform:translate(-50%,-50%) scale(.5);opacity:1;content:"\\"}.configurator .bg-color-list .bg-color-list__item .bg-color[data-v-d039674a]:before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;height:100%;background:inherit;border-radius:50%;transform:translate(-50%,-50%);opacity:.5;transition:width .15s,height .15s;content:""}.configurator .bg-color-list .bg-color-list__item .bg-color[data-v-d039674a]:after{position:absolute;top:50%;left:50%;z-index:1;color:#21242c;font-size:1.5rem;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:opacity .15s;content:"\2714"}.configurator .bg-color-list .bg-color-list__item .bg-color.active[data-v-d039674a]:before{width:160%;height:160%}.configurator .bg-color-list .bg-color-list__item .bg-color.active[data-v-d039674a]:after{opacity:1}.configurator .widget-list[data-v-d039674a]{display:flex;flex-wrap:wrap}.configurator .widget-list .list-item[data-v-d039674a]{display:flex;align-items:center;justify-content:center;width:25%;height:5rem;padding:1rem;border-radius:.8rem;cursor:pointer;transition:background-color .2s}.configurator .widget-list .list-item.selected.selected[data-v-d039674a]{background-color:#2e333e}.configurator .widget-list .list-item[data-v-d039674a]:hover{background-color:#1a1d23}.configurator .widget-list .list-item[data-v-d039674a]>svg{width:100%!important;height:100%!important}.configurator .widget-list .list-item[data-v-d039674a] path{stroke:#8599ad!important}.download-modal-wrapper[data-v-9ae22b7e]{position:fixed;bottom:0;left:50%;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem 0;overflow:hidden;transform:translate(-50%);backdrop-filter:blur(.3rem)}@supports not (backdrop-filter: blur(.3rem)){.download-modal-wrapper[data-v-9ae22b7e]{background-color:#21242ccc}}.download-modal[data-v-9ae22b7e]{position:relative;width:50%;min-width:310px;max-width:500px;background-color:#1e2229;border:.15rem solid rgba(153,71.4,234.6,.8);border-radius:1rem}.download-modal .modal-body[data-v-9ae22b7e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.8rem 1.2rem 1rem}.download-modal .modal-body .avatar-preview[data-v-9ae22b7e]{width:60%;margin:0 auto}@media screen and (max-width: 768px){.download-modal .modal-body .avatar-preview[data-v-9ae22b7e]{width:80%}}@media screen and (max-width: 480px){.download-modal .modal-body .avatar-preview[data-v-9ae22b7e]{width:90%}}.download-modal .modal-body .avatar-preview .avatar-img[data-v-9ae22b7e]{width:100%;height:100%;object-fit:contain}.download-modal .modal-body .tip[data-v-9ae22b7e]{max-width:70%;margin:0 auto;padding:1.5rem 0;color:#d1d9e0;font-size:.85rem;text-align:center;cursor:default}.download-modal .close-btn[data-v-9ae22b7e]{position:absolute;right:1rem;bottom:-1rem;min-width:5rem;height:2.5rem;margin:0 1rem;margin-left:auto;padding:0 1rem;color:#d1d9e0;font-weight:700;background:hsl(220,10%,10%);border-radius:.2rem;border-radius:.6rem;cursor:pointer;transition:color .2s,transform .2s;user-select:none}.download-modal .close-btn[data-v-9ae22b7e]:hover{color:#f0f2f5;transform:translateY(-.3rem)}.avatar-background[data-v-90fc29f2]{position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .1s}.customize-avatar[data-v-1c293a94]{position:relative;overflow:hidden}.customize-avatar.circle[data-v-1c293a94]{border-radius:50%}.customize-avatar.squircle[data-v-1c293a94]{border-radius:25px}.customize-avatar .avatar-payload[data-v-1c293a94]{position:relative;z-index:2;width:100%;height:100%}.container[data-v-2b11f052]{height:100%;padding-right:20rem;transition:padding-right .2s}.container.full[data-v-2b11f052]{padding-right:0}@media screen and (max-width: 976px){.container[data-v-2b11f052]{padding-right:0}}.header[data-v-74ee8d70]{display:flex;align-items:center;height:6rem;padding:1rem 2rem}.header .site-title[data-v-74ee8d70]{margin-left:1rem;font-weight:700;font-size:1.3rem;cursor:default}@media screen and (max-width: 480px){.header .site-title[data-v-74ee8d70]{display:none}}.header .header-right[data-v-74ee8d70]{margin-left:auto;display:flex;align-items:center;gap:.8rem}.header .locale-dropdown[data-v-74ee8d70]{position:relative}.header .locale-dropdown .locale-trigger[data-v-74ee8d70]{display:flex;align-items:center;gap:.3rem;padding:.4rem .6rem;background:transparent;border:1px solid hsl(210,20%,60%);border-radius:4px;cursor:pointer;color:inherit;font-size:.9rem;transition:background-color .2s}.header .locale-dropdown .locale-trigger[data-v-74ee8d70]:hover{background-color:#2b303b}.header .locale-dropdown .locale-trigger .locale-icon[data-v-74ee8d70]{width:18px;height:18px}.header .locale-dropdown .locale-trigger .locale-arrow[data-v-74ee8d70]{font-size:.6rem;transition:transform .2s}.header .locale-dropdown .locale-trigger .locale-arrow.open[data-v-74ee8d70]{transform:rotate(180deg)}.header .locale-dropdown .locale-menu[data-v-74ee8d70]{position:absolute;top:100%;right:0;margin-top:.3rem;min-width:80px;background:hsl(220,15%,15%);border:1px solid hsl(210,20%,60%);border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:100;overflow:hidden}.header .locale-dropdown .locale-menu .locale-option[data-v-74ee8d70]{padding:.5rem .8rem;cursor:pointer;font-size:.9rem;transition:background-color .2s}.header .locale-dropdown .locale-menu .locale-option[data-v-74ee8d70]:hover{background-color:#2b303b}.header .locale-dropdown .locale-menu .locale-option.active[data-v-74ee8d70]{background-color:#5855f6;color:#fff}.sider[data-v-35734236]{position:fixed;top:0;right:0;z-index:200;height:100%;transition:transform .2s}.sider .icon-right[data-v-35734236]{transition:transform .2s}.sider.collapsed[data-v-35734236]{transform:translate(100%)}.sider.collapsed .icon-right[data-v-35734236]{transform:rotateY(-180deg)}.sider .trigger[data-v-35734236]{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:1.2rem;height:4rem;color:#d1d9e0;background-color:#252932;border-radius:.4rem 0 0 .4rem;transform:translate(-100%,-50%);cursor:pointer;transition:width .2s,background-color .2s}.sider .trigger .icon-right[data-v-35734236]{color:inherit}.sider .trigger[data-v-35734236]:hover{width:1.5rem;background-color:#2b303b}.main[data-v-62617564]{width:100%;height:100%;overflow:hidden;color:#d1d9e0;background-color:#2c363f}.main .content-warpper[data-v-62617564]{height:100%;transform:scale(1)}.main .content-warpper .content-view[data-v-62617564]{position:relative;z-index:110;display:flex;flex-direction:column;height:100%;overflow-y:auto}.main .content-warpper[data-v-62617564] *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.main .content-warpper[data-v-62617564] *{scrollbar-width:none!important;-ms-overflow-style:none!important}.playground[data-v-62617564]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0}.playground .avatar-wrapper[data-v-62617564]{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 480px){.playground .avatar-wrapper[data-v-62617564]{transform:scale(.85)}}.playground .action-group[data-v-62617564]{display:flex;align-items:center;justify-content:center;margin-top:4rem}.playground .action-group .action-randomize[data-v-62617564],.playground .action-group .action-download[data-v-62617564]{min-width:6rem;height:2.5rem;margin:0 1rem;padding:0 1rem;color:#d1d9e0;font-weight:700;background:hsl(220,10%,10%);border-radius:.6rem;cursor:pointer;transition:color .2s;user-select:none}.playground .action-group .action-randomize[data-v-62617564]:hover,.playground .action-group .action-download[data-v-62617564]:hover{color:#f0f2f5}.playground .action-group .action-randomize[data-v-62617564]:disabled,.playground .action-group .action-randomize[disabled][data-v-62617564],.playground .action-group .action-download[data-v-62617564]:disabled,.playground .action-group .action-download[disabled][data-v-62617564]{color:#d1d9e080;cursor:default}@supports (filter: blur(4rem)) or (-webkit-filter: blur(4rem)) or (-moz-filter: blur(4rem)){.gradient-bg[data-v-62617564]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.gradient-bg .gradient-top[data-v-62617564]{position:absolute;width:100vh;height:100vh;background-image:radial-gradient(rgba(117.3,227.46,239.7,.8) 20%,rgba(117.3,227.46,239.7,.6) 40%,rgba(117.3,227.46,239.7,.4) 60%,rgba(117.3,227.46,239.7,.2) 80%,transparent 100%);border-radius:50%;opacity:.2;filter:blur(4rem);top:-50%;right:-20%}.gradient-bg .gradient-bottom[data-v-62617564]{position:absolute;width:100vh;height:100vh;background-image:radial-gradient(rgba(153,71.4,234.6,.8) 20%,rgba(153,71.4,234.6,.6) 40%,rgba(153,71.4,234.6,.4) 60%,rgba(153,71.4,234.6,.2) 80%,transparent 100%);border-radius:50%;opacity:.2;filter:blur(4rem);bottom:-50%;left:-20%}}