input[data-v-a2d41f54]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:5px;box-sizing:border-box;font-size:4cqw;grid-area:input;padding:8px;transition:all .2s ease-in-out}input[data-v-a2d41f54] :not(:disabled):hover{background-color:hsla(0,0%,100%,.25)}input[data-v-a2d41f54] :not(:disabled):active,input[data-v-a2d41f54] :not(:disabled):focus{background-color:hsla(0,0%,100%,.25);color:#fff}input[data-v-a2d41f54] :disabled{pointer-events:none}#profile-modal[data-v-0aa7748d]{background:#000;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:var(--wam-white);container:confirm/inline-size;display:flex;flex-flow:column;gap:10px;height:-moz-fit-content;height:fit-content;max-width:900px;min-height:calc(650px - var(--sab));overflow:hidden;padding:0 0 calc(var(--sab));position:relative;transition:all .2s ease-in-out;width:70vw}@media screen and (min-width:765px){#profile-modal.demo #profile-content #profile-editor[data-v-0aa7748d]{grid-template-areas:"pfp traits" "pfp traits";grid-template-rows:0 1fr}}#profile-modal.demo #profile-content #profile-editor #profile-traits #traits-wrapper[data-v-0aa7748d]{height:495px}#profile-modal.demo #profile-content #profile-editor #profile-traits #traits-wrapper #traits[data-v-0aa7748d]{max-height:495px}#profile-modal.demo #profile-content #profile-editor #profile-pfp[data-v-0aa7748d]{align-items:center;aspect-ratio:unset;justify-content:center}#profile-modal.demo #profile-content #profile-editor #profile-pfp[data-v-0aa7748d]:before{color:#000;content:"demo";font-size:10cqw;font-weight:900;grid-area:image;justify-self:center;mix-blend-mode:soft-light;position:absolute;text-transform:uppercase}#profile-modal #profile-content[data-v-0aa7748d]{box-sizing:border-box;display:grid;flex-grow:1;grid-template-areas:"editor" "actions";grid-template-columns:1fr;grid-template-rows:1fr auto;padding:20px;position:relative;z-index:1}#profile-modal #profile-content #profile-editor[data-v-0aa7748d]{-moz-column-gap:20px;column-gap:20px;display:grid;grid-area:editor;grid-template-areas:"pfp username" "pfp traits";grid-template-columns:40% 1fr;grid-template-rows:80px 1fr;row-gap:10px;transition:all .2s ease-in-out}#profile-modal #profile-content #profile-editor #profile-username[data-v-0aa7748d]{display:flex;flex-flow:column;gap:10px;grid-area:username}#profile-modal #profile-content #profile-editor #profile-traits[data-v-0aa7748d]{container:traits/inline-size;display:flex;flex-flow:column;gap:10px;grid-area:traits;margin:20px 0 0;transition:all .2s ease-in-out}#profile-modal #profile-content #profile-editor #profile-traits p[data-v-0aa7748d]{font-size:3.5cqw;width:100%}#profile-modal #profile-content #profile-editor #profile-traits ul#categories[data-v-0aa7748d]{display:flex;flex-flow:row;gap:10px;height:-moz-fit-content;height:fit-content;list-style:none;margin:0;overflow:hidden;overflow-x:auto;padding:0 0 20px;width:100%}#profile-modal #profile-content #profile-editor #profile-traits ul#categories li[data-v-0aa7748d]{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:30px;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-shrink:0;font-size:3cqw;padding:5px 15px;width:-moz-max-content;width:max-content}#profile-modal #profile-content #profile-editor #profile-traits ul#categories li.active[data-v-0aa7748d],#profile-modal #profile-content #profile-editor #profile-traits ul#categories li[data-v-0aa7748d]:hover{background:var(--wam-blue);border-color:var(--wam-blue)}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper[data-v-0aa7748d]{height:400px;width:100%}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits[data-v-0aa7748d]{display:grid;gap:10px;grid-template-columns:repeat(4,calc(25% - 10px));grid-template-rows:1fr;height:auto;list-style:none;margin:0;max-height:400px;overflow:hidden;overflow-y:auto;padding:0;width:100%}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li[data-v-0aa7748d]{aspect-ratio:1/1;background-color:#a2a2a2;border-radius:5px;box-sizing:border-box;cursor:pointer;flex-grow:0;height:auto;padding:10px;position:relative;transition:all .2s ease-in-out;width:100%}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li.locked[data-v-0aa7748d]{background-color:#000;pointer-events:none}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li.locked img[data-v-0aa7748d]{z-index:2}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li.locked[data-v-0aa7748d]:before{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.5);border:1px dashed hsla(0,0%,100%,.2);border-radius:5px;box-sizing:border-box;color:#fff;content:"Locked";display:flex;font-size:2cqw;height:100%;justify-content:center;left:0;position:absolute;text-transform:uppercase;top:0;width:100%;z-index:5}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li[data-v-0aa7748d]:hover{background-color:#fff}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li.active[data-v-0aa7748d]{background:var(--wam-gradient-4);background-size:300%;z-index:2}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li.active[data-v-0aa7748d]:after{background:url(./check.CCMzsydv.svg) 50%/contain no-repeat;bottom:4px;content:"";filter:brightness(0);height:15px;position:absolute;right:4px;width:15px;z-index:3}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li img[data-v-0aa7748d]{height:100%;-o-object-fit:scale-down;object-fit:scale-down;width:100%}#profile-modal #profile-content #profile-editor #profile-pfp[data-v-0aa7748d]{align-items:flex-start;aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:grid;grid-area:pfp;grid-template-areas:"image" "description";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;overflow:hidden;position:relative;width:100%}#profile-modal #profile-content #profile-editor #profile-pfp.loading-before[data-v-0aa7748d]:before{border-radius:0}#profile-modal #profile-content #profile-editor #profile-pfp img[data-v-0aa7748d]{aspect-ratio:1/1;background-color:unset;border:unset;border-bottom:1px solid hsla(0,0%,100%,.1);grid-area:image;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#profile-modal #profile-content #profile-editor #profile-pfp img[src=""][data-v-0aa7748d]{background:url(./loader.CWT8Hu1e.svg) 50%/35px no-repeat}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds[data-v-0aa7748d]{aspect-ratio:1/1;border-radius:100%;bottom:0;cursor:pointer;display:flex;flex-flow:column;gap:5px;grid-area:image;height:3.3cqw;justify-content:flex-end;left:0;list-style:none;margin:0;padding:10px;position:absolute;width:3.3cqw;z-index:10}@media screen and (max-width:765px){#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds[data-v-0aa7748d]{height:8cqw;width:8cqw}}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds[data-v-0aa7748d]:hover{height:-moz-fit-content;height:fit-content}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds:hover li[data-v-0aa7748d]{display:block}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds:hover li.active[data-v-0aa7748d]:before{display:none}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds li[data-v-0aa7748d]{aspect-ratio:1/1;border:3px solid #000;border-radius:100%;box-sizing:border-box;display:none;flex-grow:0;flex-shrink:0;height:auto;transition:all .2s ease-in-out;width:auto}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds li[data-v-0aa7748d]:hover{transform:scale(1.1)}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds li[data-v-0aa7748d]:active{transform:scale(.95)}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds li.active[data-v-0aa7748d]{display:block;position:relative}#profile-modal #profile-content #profile-editor #profile-pfp #backgrounds li.active[data-v-0aa7748d]:before{align-items:center;background:url(./background-arrow.C5Ntg_8Z.svg) 25% 100%/13px no-repeat;bottom:50%;color:#fff;content:attr(data-bg);display:flex;filter:invert(1);font-size:.8cqw;font-weight:900;justify-content:center;left:100%;padding-bottom:18px;position:absolute;text-transform:uppercase}#profile-modal #profile-content #profile-editor #profile-pfp #description[data-v-0aa7748d]{align-self:center;background:hsla(0,0%,100%,.1);border-radius:10px;box-sizing:border-box;display:flex;flex-flow:column;font-size:1.5cqw;gap:10px;grid-area:description;margin:20px;padding:20px}#profile-modal #profile-content #profile-editor #profile-pfp #description p[data-v-0aa7748d]{margin:0}#profile-modal #profile-actions[data-v-0aa7748d]{display:flex;gap:10px;grid-area:actions;padding:20px}#profile-modal #profile-actions .button[data-v-0aa7748d]{min-width:100px}@media screen and (max-width:765px){#profile-modal[data-v-0aa7748d]{width:-webkit-fill-available}#profile-modal #profile-content[data-v-0aa7748d]{overflow:hidden;overflow-y:auto;padding-bottom:calc(100px + var(--sab));scrollbar-width:none;-ms-overflow-style:none}#profile-modal #profile-content[data-v-0aa7748d]::-webkit-scrollbar{display:none}#profile-modal #profile-content #profile-editor[data-v-0aa7748d]{gap:30px;grid-template-areas:"pfp" "username" "traits";grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:-webkit-fit-content}#profile-modal #profile-content #profile-editor #profile-traits[data-v-0aa7748d]{align-items:center;background-color:#000;border:solid hsla(0,0%,100%,.1);border-top-left-radius:10px;border-top-right-radius:10px;border-width:1px 1px 0;box-shadow:0 -3px 10px rgba(0,0,0,.5);padding-top:40px;position:relative;width:100%;z-index:2}#profile-modal #profile-content #profile-editor #profile-traits p[data-v-0aa7748d]{box-sizing:border-box;display:none;margin:0;padding:0 10px}#profile-modal #profile-content #profile-editor #profile-traits[data-v-0aa7748d]:before{background:hsla(0,0%,100%,.3);border-radius:20px;content:"";height:6px;position:absolute;top:15px;width:70px}#profile-modal #profile-content #profile-editor #profile-traits ul#categories[data-v-0aa7748d]{box-sizing:border-box;padding:10px;scrollbar-width:none;-ms-overflow-style:none}#profile-modal #profile-content #profile-editor #profile-traits ul#categories[data-v-0aa7748d]::-webkit-scrollbar{display:none}#profile-modal #profile-content #profile-editor #profile-traits ul#categories li[data-v-0aa7748d]{font-size:4cqw;padding:10px 20px}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper[data-v-0aa7748d]{box-sizing:border-box;height:100%;padding:0 10px}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits[data-v-0aa7748d]{grid-template-columns:repeat(3,1fr);max-height:calc(85vh - 200px)}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li[data-v-0aa7748d]{aspect-ratio:unset;flex-grow:0;height:auto}#profile-modal #profile-content #profile-editor #profile-traits #traits-wrapper ul#traits li img[data-v-0aa7748d]{aspect-ratio:1/1;height:auto}#profile-modal #profile-content #profile-editor #profile-username[data-v-0aa7748d]{position:sticky;top:57.5%}#profile-modal #profile-content #profile-editor #profile-pfp[data-v-0aa7748d]{position:sticky;top:0;width:auto;z-index:1}#profile-modal #profile-content #profile-editor #profile-pfp #description[data-v-0aa7748d]{display:none;font-size:3cqw}#profile-modal #profile-actions[data-v-0aa7748d]{background:#000;bottom:0;padding:20px 20px calc(var(--sab) + 20px);position:absolute;width:100%;z-index:20}}