@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Outfit:wght@700&display=swap";main{height:100dvh;width:100dvw}.logo{width:100%}.logo--small{height:.5rem}.logo--medium{height:1rem}.logo--large{height:2em}.menu__items__item{display:flex;gap:1rem;flex-shrink:0;width:200px;height:40px;font-weight:600;padding:5px 10px;box-sizing:border-box;color:var(--text);text-decoration:none;border-radius:.5rem;background:var(--white);justify-content:start;align-items:center;align-content:center;box-shadow:var(--shadow);transition:color .2s ease-out,background .2s ease-out}.menu__items__item:hover{color:var(--white);background:var(--dark-gray)}.menu__items__item:active,.menu__items__item.active{color:var(--white);background:var(--primary);position:relative}.menu__items__item:active:before,.menu__items__item.active:before{content:"";display:block;position:absolute;z-index:-1;box-sizing:border-box;background:var(--primary-transp);width:210px;height:40px;border-radius:.5rem;transform:translate(-50%,-50%);top:50%;left:50%}.menu{position:fixed;bottom:1rem;left:1rem;z-index:10}.menu__items{margin:.75rem 0px;display:flex;flex-direction:column;gap:.5rem}.menu__button{height:2rem;width:2rem;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;width:30px;height:30px;border-radius:6px;background:var(--primary);cursor:pointer;transition:all .2s ease-out}.menu__button__wrapper{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.25rem;width:30px}.menu__button:hover{background:var(--dark-gray, #f3f3f3);color:var(--secondary);transition:all .2s ease-out}.menu__button--open{background:var(--white, #f3f3f3);color:var(--secondary)}.stack{position:fixed;bottom:6rem;left:1rem;max-height:40vh;z-index:9}.stack__container{padding:.5rem;border-radius:.35rem;background:var(--white, #f3f3f3);width:max-content;overflow-y:visible;position:absolute;bottom:0;margin-bottom:1rem}.stack__container .input__wrapper .input__input{width:230px;display:block;margin-bottom:.75rem}.stack__container__cards{height:350px;max-height:50vh;overflow-x:scroll}.stack__container__cards>*{margin-bottom:.35rem}.stack__container__cards--ghost{cursor:move;cursor:grab;display:block;position:fixed;z-index:99;pointer-events:none;-webkit-user-select:none;user-select:none;animation:.2s ease-in-out test;animation-fill-mode:forwards}.stack__button{position:absolute;background:var(--secondary);color:var(--white);display:inline-flex;justify-content:center;align-items:center;gap:.5rem;width:30px;height:30px;border-radius:6px;cursor:pointer;transition:all .2s ease-out}.stack__button:after,.stack__button:before{z-index:-1;content:"";position:absolute;display:block;width:30px;height:30px;border-radius:6px}.stack__button:after{top:-3px;left:3px;background:var(--light-gray)}.stack__button:before{top:-6px;left:6px;background:var(--primary)}.stack__button:hover{background:var(--dark-gray, #f3f3f3);color:var(--secondary);transition:all .2s ease-out}.stack__button--open{background:var(--white, #f3f3f3);color:var(--secondary)}@keyframes test{0%{transform:scale(1);box-shadow:var(--more-visible-shadow)}to{transform:scale(.9);box-shadow:var(--more-visible-shadow)}}.character-portrait{display:block;position:relative;width:max-content}.character-portrait *{position:absolute}.character-portrait__image{width:60px;height:60px;z-index:1;clip-path:url(#squircle)}.character-portrait__decoration{width:60px;height:60px;background:var(--primary);clip-path:url(#squircle)}.character-portrait__decoration__wrapper{position:absolute;top:-3px;left:-3px;z-index:0;filter:drop-shadow(0px -5px 11px var(--primary))}.character-portrait--small,.character-portrait--small .character-portrait__image,.character-portrait--small .character-portrait__decoration{width:60px;height:60px}.character-portrait--medium,.character-portrait--medium .character-portrait__image,.character-portrait--medium .character-portrait__decoration{width:100px;height:100px}.character-portrait--medium .character-portrait__decoration__wrapper{filter:drop-shadow(-2px -5px 5px var(--primary))}.button{min-width:30px;background-color:var(--primary);border-radius:.35rem;padding:.35rem 1.5rem;border:none;font-weight:400;color:var(--text);font-size:1rem;vertical-align:center;cursor:pointer;transition:all .5s ease-out}.button:hover{background-color:var(--primary-transp);transition:all .2s ease-out}.button--secondary{background-color:var(--light-gray)}.button--stealth{padding:.35rem .5rem;border-radius:0;background-color:transparent;border-bottom:1px solid var(--dark-gray, #8994aa)}.button--stealth:hover{background:transparent;color:var(--dark-gray);border-color:var(--dark-gray)}.button--lined{border:solid 1px var(--secondary);background-color:transparent;color:var(--secondary);width:max-content}.button--danger{color:var(--danger);background:transparent;border-color:var(--danger)}.button--muted-danger{background:transparent;margin:auto;width:max-content;color:var(--danger)}.button--lined:hover{background-color:var(--secondary-transp)}.button--danger:hover,.button--muted-danger:hover{background-color:var(--danger)}.button:active{background-color:var(--secondary);transition:all .1s ease-out;box-shadow:0 2px 4px #0000000f inset}.button--lined:active{color:#fff;background-color:var(--secondary);transition:all .1s ease-out;border:solid 2px var(--secondary)}.button--danger:active{border-color:var(--danger)}.button:disabled{background-color:transparent}.character-card{display:flex;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;background:var(--white, #f3f3f3);box-shadow:var(--shadow);box-sizing:border-box}.character-card--horizontal{width:230px;flex-direction:row;align-items:center;transition:background .2s ease-in-out,box-shadow .2s ease-out}.character-card--horizontal:hover{transition:background .2s ease-in-out,box-shadow .2s ease-out;background:var(--secondary-transp, rgba(79, 70, 229, .2));box-shadow:var(--more-visible-shadow)}.character-card--horizontal__character{display:flex;flex-direction:row;align-items:center;cursor:pointer;justify-content:space-around;width:100%}.character-card--horizontal__info{display:flex;flex-direction:column;align-items:center;font-weight:400;gap:.25rem}.character-card--horizontal__info__version{font-size:.6rem;font-weight:300;padding:.1rem .25rem;border-radius:.25rem;background:var(--secondary-transp)}.character-card--horizontal__info__version:hover{background:var(--secondary);color:var(--white)}.character-card--horizontal__delete{width:30px;height:30px;cursor:pointer;color:var(--dark-gray);transition:color .2s ease-out}.character-card--horizontal__delete:hover{transition:color .2s ease-out;color:var(--danger)}.character-card--vertical{justify-content:space-between;align-items:center;flex-direction:column;width:150px}.character-card--vertical__ellipsis{align-self:flex-end;position:relative}.character-card--vertical__ellipsis__actions{display:none;position:absolute}.character-card--vertical__ellipsis__actions form{width:min-content}.character-card--vertical__ellipsis:hover .character-card--vertical__ellipsis__actions{display:block;z-index:10;border-radius:.75rem;position:absolute;background:var(--white);box-shadow:var(--more-visible-shadow);padding:1rem}.character-card--vertical__character{display:flex;flex-direction:column;align-items:center;cursor:pointer}.modal{z-index:99;position:fixed;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;display:none}.modal--open{display:block}.modal__overlay{z-index:9;position:absolute;display:none;top:0;left:0;bottom:0;right:0;background:var(--secondary-transp)}.modal__overlay--open{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:block}.modal__dialog{z-index:10;position:absolute;display:none;max-width:80vw;width:500px;min-width:200px;max-height:80vh;height:min-content;min-height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);padding:2rem;border-radius:.5rem;box-shadow:var(--more-visible-shadow)}.modal__dialog__actions{position:absolute;bottom:2rem}.modal__dialog__actions button:nth-child(2){margin-left:2rem}.modal__dialog--open{display:block}.modal__dialog__closebtn{font-size:.8rem;position:absolute;right:.5rem;top:.5rem;display:flex;align-content:center;gap:.5rem;color:var(--darker-gray)}.modal__dialog__closebtn span{padding-top:2px}.version-picker{width:100%;height:100px}.version-picker .text-info{font-size:.8rem;color:var(--dark-gray)}.version-picker .select__wrapper{width:min-content;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.dropdown__results{z-index:10;position:absolute;top:calc(100% + .5rem);background:var(--white);font-size:1rem;width:100%;max-width:90vw;border-radius:.35rem;border:var(--dark-gray) 1px solid;overflow:scroll;box-shadow:var(--shadow)}.dropdown__results>li{font-size:.75rem;padding:.5rem;margin:.25rem;cursor:pointer;border-radius:.35rem;transition:background .2s ease}.dropdown__results>li:hover{transition:background .2s ease;background:var(--light-gray)}.hidden{visibility:hidden;display:none}.select{position:relative;width:min-content}.select__input{cursor:pointer}.select__input__caret{position:absolute;bottom:1rem;right:1rem;transform:translate(50%,50%)}.select__input__caret.open{transform:translate(50%,50%) rotate(90deg)}.clear__icon{transition:all .2s ease-in;color:var(--dark-gray, #8994aa)}.clear__icon:hover{transition:all .2s ease-in;color:var(--secondary, #4f46e5)}.chip{font-size:.75rem;padding:.25rem;border-radius:.35rem;background:var(--white, #f3f3f3);width:max-content;display:flex;flex-direction:row;align-items:center;-webkit-user-select:none;user-select:none}.chip__clear{font-size:0}div.lottie-animation{position:absolute;bottom:5px;right:5px}.chips__wrapper{display:flex;margin-top:.5rem;gap:.25rem;width:100%;flex-wrap:wrap}#message-banner{position:sticky;top:0;padding:1rem 2rem;background:var(--primary);color:var(--text);font-weight:700;text-align:center}:root{--darker-gray: rgb(77, 82, 92);--dark-gray: rgba(137, 148, 170, 1);--light-gray: rgba(233, 233, 239, 1);--text: rgba(24, 22, 29, 1);--primary: rgba(74, 222, 128, 1);--white: rgba(243, 243, 243, 1);--danger: rgba(219, 35, 68, 1);--primary-transp: rgba(74, 222, 128, .5799999833106995);--secondary: rgba(79, 70, 229, 1);--secondary-transp: rgba(79, 70, 229, .20000000298023224);--shadow-color: rgba(181, 163, 231, .4);--h2: 1.67rem;--text: 1rem;--info: 1rem;--tiny: .8rem;--shadow: -5px 9px 27px var(--shadow-color);--more-visible-shadow: -2px 2px 10px 3px var(--shadow-color);--inner-shadow: inset -1px 3px 3px var(--shadow-color);--hover-shadow: -1px 3px 3px 0px var(--shadow-color);--borderMd: .35rem;--ui: 9;--modal: 10;--content: 0;font-size:16px;color:var(--text, #18161d);font-family:Inter,arial;font-weight:400;--page-padding: 1rem 2rem}body{padding:0;margin:0}.icon{width:20px;height:20px}.icon--xs{width:14px;height:14px}.icon--lg{width:32px;height:32px}button{display:inline-block;border:none;margin:0;text-decoration:none;background:initial;font-size:1rem;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none}p{padding:0;margin:0;display:inline-block}input{display:block;padding-left:.5rem;width:340px;max-width:90vw;height:35px;border-radius:6px;border:1px solid var(--dark-gray, #8994aa);background:var(--white, #f3f3f3)}h1,h2{font-family:Outfit,arial}.text-info{font-size:.8rem;color:var(--dark-gray)}.input__input{display:block;padding-left:.5rem;width:340px;max-width:90vw;height:35px;border-radius:6px;border:1px solid var(--dark-gray, #8994aa);background:var(--white, #f3f3f3)}.input__input:focus{border:1px solid var(--secondary, #4f46e5);background:var(--white, #f3f3f3)}.input__input:disabled{border:1px solid var(--dark-gray, #8994aa);background:var(--light-gray, #e9e9ef)}.input__input[type=checkbox]{background:red;width:40px;height:20px;padding:initial}.input__input[type=checkbox].input-hidden{display:none}.input__input[type=checkbox]+.checkbox-ui .checkbox-span{display:inline-block;height:20px;width:20px;border-radius:.25rem;background:var(--dark-gray)}.input__input[type=checkbox]+.checkbox-ui .checkbox-span:before{content:"";display:none;position:absolute;height:30px;width:30px;top:-5px;left:-5px;filter:blur(3px);border-radius:.25rem;opacity:.2;background:var(--dark-gray)}.input__input[type=checkbox]:checked+.checkbox-ui .checkbox-span{transform:rotate(45deg);background:var(--primary)}.input__input[type=checkbox]:checked+.checkbox-ui .checkbox-span:before{display:block;background:var(--primary)}.checkbox-ui{display:flex;flex-direction:row;align-items:center}.checkbox-ui label{display:inline-block;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin-left:.5rem}div.input__wrapper{display:block;position:relative;max-width:90vw;margin-bottom:1rem}div.input__wrapper:has(>input[type=checkbox]){display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center}div.input__wrapper .input__label{display:block;margin-bottom:.5rem;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal}div.input__wrapper .input__label:has(+input[type=checkbox]){display:inline;padding-left:1rem;margin-bottom:0;cursor:pointer}div.input__wrapper button.input__clear{position:absolute;bottom:7.5px;right:.5rem;cursor:pointer}div.input__wrapper .input__error-message{padding:1em 0;font-size:.8em;color:var(--danger)}.wrapper{width:350px;margin:auto}.wrapper h2{text-align:center}.wrapper .form-container{width:min-content;margin:auto;margin-bottom:1rem}.wrapper .form-container .t-and-c{display:inline-block;font-size:.75rem;margin-left:1.75rem}.wrapper .form-container .button-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:1rem}.wrapper .form-container .button-container>button{margin:0}.wrapper a{margin:auto}.hint{padding:.5rem;border-radius:.25rem;background:var(--white);height:100%;width:340px;max-width:90vw;color:var(--darker-gray);margin:.25rem 0rem;cursor:pointer}.hint__buttons{display:flex;justify-content:space-between}.hint__header h4{font-size:.9rem;display:flex;align-items:center;gap:.5rem;padding:0rem;margin:0rem;font-weight:400}.hint__content{pointer-events:none;margin-top:0rem;padding-left:1rem}.hint__content button{pointer-events:initial}.friend-request{display:block;width:100%;max-width:364px;border-radius:.5rem;box-shadow:var(--shadow)}.friend-request_text{display:block;margin-bottom:1rem}.friend-request_buttons{display:flex;flex-direction:row;justify-content:space-between}form{width:350px;max-width:80vw;width:clamp(300px,80vw,350px)}form .form__group{margin:2rem 0rem}form .form__group:last-child{margin-bottom:5rem}form p.info{font-size:.75rem;color:var(--darker-gray)}form div.input__wrapper>div.input__wrapper{display:inline-flex;width:100%;flex-direction:row-reverse;justify-content:flex-end;align-items:center}form div.input__wrapper>div.input__wrapper:last-child{margin-left:3rem}form div.input__wrapper>div.input__wrapper input.input__input{border-radius:6px;width:100%}form div.input__wrapper>div.input__wrapper label.input__label{height:35px;line-height:35px;border-radius:6px;border:1px solid var(--dark-gray, #8994aa);background:var(--light-gray, #f3f3f3);flex:1 1 auto;margin:0;padding:1px;padding-left:1rem;left:-.5rem;position:relative;z-index:-1}form button[type=submit]{margin-top:1rem}.indicator__content{display:flex;box-sizing:border-box;gap:.25rem;align-items:center}.indicator__content-saving{color:var(--dark-gray)}.indicator__content-saved{color:var(--primary)}.indicator__wrapper{position:fixed;width:max-content;padding:.75rem;border-radius:6px;background:var(--white, #f3f3f3);box-shadow:var(--shadow)}.indicator__wrapper-hidden{display:none}.edit-page{display:flex;flex-direction:column;gap:2rem}.edit-page section>*{margin-bottom:1rem}.characters .icon{vertical-align:sub}.characters__container{padding:2rem}.characters__container__list{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;max-width:100%}.character-visualiser{height:100vh;width:100vw;position:relative}.character-visualiser canvas{z-order:var(--content)}.character-visualiser__version{background:#fff;padding:1rem 0;position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);border-radius:var(--borderMd);width:100vw;max-width:350px;display:flex;gap:1rem;align-items:center;justify-content:center}.character-visualiser__version__button--disabled{color:var(--light-gray)}.character-visualiser__version__info{font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:.25rem;background:var(--secondary-transp);min-width:100px;text-align:center}.character-visualiser .form__container{top:1rem;left:1rem;position:absolute;height:clamp(200px,100%,80vh);overflow:scroll;width:max-content;padding:1rem;background:var(--white);border-radius:.25rem;box-shadow:var(--shadow);z-index:var(--modal)}.character-visualiser .form__container__buttons{display:flex;justify-content:space-between}.emoji{font-size:1.5rem;cursor:pointer;transition:all .1s ease-out;display:inline-block;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.emoji:hover{transition:all .2s ease-in;font-size:1.7rem}.icon-button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:var(--more-visible-shadow);width:30px;height:30px;border-radius:6px;background:var(--white, #f3f3f3);transition:box-shadow .2s ease-in;cursor:pointer}.icon-button:hover{box-shadow:var(--hover-shadow);transition:box-shadow .2s ease-in}.icon-button:active,.icon-button--opened{box-shadow:var(--inner-shadow)}.expressions__selector{position:fixed;top:1rem;left:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;z-index:var(--ui)}.expressions__selector .button__wrapper{position:relative}.expressions__selector .button__wrapper .icon-button{position:relative;height:50px;width:50px}.expressions__selector .button__wrapper .edit__button{cursor:pointer;position:absolute;right:-.5rem;top:-.5rem;height:1.2rem;width:1.2rem;padding:.25rem;background:var(--white);border-radius:.35rem;display:flex;align-items:center;color:var(--dark-gray)}.emoji__picker{position:relative}.emoji__picker .icon-display{position:relative;display:inline-block;width:35px;height:35px;-webkit-user-select:none;user-select:none;vertical-align:baseline;background:var(--white);border-radius:.5rem;box-shadow:var(--more-visible-shadow);transition:box-shadow .2s ease-in}.emoji__picker .icon-display:hover{box-shadow:var(--hover-shadow);transition:box-shadow .2s ease-in}.emoji__picker .icon-display:active{box-shadow:var(--inner-shadow)}.emoji__picker .emoji-grid{z-index:var(--modal);position:absolute;bottom:-12px;transform:translateY(100%);height:200px;width:220px;overflow-y:scroll;display:grid;gap:5px;grid-template-columns:repeat(4,50px);grid-auto-rows:50px;background:var(--light-gray);border-radius:.5rem;box-shadow:var(--shadow);visibility:hidden}.emoji__picker .open{visibility:visible}.emoji__picker .emoji-item{position:relative}.dropzone{background-color:var(--white);color:var(--text);font-size:1rem;padding:1rem;max-width:90vw;min-width:150px;width:max-content;height:100px;text-align:center;border-radius:.5rem;margin:auto;border:2px dashed var(--dark-gray);display:flex;flex-direction:column;justify-content:center;cursor:pointer}.dropzone__text--bold{font-weight:600}input.errored,div.dropzone.errored{border-color:var(--danger)}input~input{margin-top:1rem}label~input.errored{color:var(--danger)}.fileinput__preview{margin:auto;margin-top:1rem;width:max-content}.fileinput__preview__container{margin-top:1rem;width:75px}.fileinput__preview__container__image{width:75px;height:50px;object-fit:cover;object-position:top center}div.container{max-height:500px;width:100%;display:flex;flex-direction:column}div.container .input__wrapper{width:max-content}div.container .expressions{width:200px;margin:auto}.visualiser__ui{z-index:var(--modal);pointer-events:none;position:absolute;top:.5rem;right:0;width:90vw;display:grid;grid-template-columns:minmax(50vw,310px) 60px;grid-template-rows:1fr;grid-template-areas:"popup ui";justify-content:end}.visualiser__ui__buttons{pointer-events:painted;box-sizing:border-box;overflow:hidden;padding:1rem 1rem 1rem .9rem;grid-area:ui;display:flex;flex-direction:column;gap:1rem;width:max-content;justify-self:end;z-index:var(--ui)}.visualiser__ui__buttons span.display-tab .icon-button--opened{position:relative}.visualiser__ui__buttons span.display-tab .icon-button--opened:before{z-index:-1;content:"";position:absolute;right:-5px;width:60px;height:40px;border-radius:.5rem;background:var(--white, #fff);box-shadow:var(--more-visible-shadow)}.visualiser__ui .tab{pointer-events:painted;z-index:var(--content);grid-area:popup;justify-self:end;border-radius:.5rem;background:var(--white, #fff);box-shadow:var(--more-visible-shadow)}.visualiser__ui .tab__presets{height:max-content;position:relative;padding:1rem}.visualiser__ui .tab__presets h3{text-orientation:mixed;writing-mode:vertical-rl;text-align:center}.visualiser__ui .tab__info{width:clamp(300px,80vw,400px);height:max-content;position:relative;padding:1rem;box-sizing:border-box}.visualiser__ui .tab__info h2{color:var(--primary);text-align:center;font-size:2rem;margin:0;margin-bottom:1rem}.visualiser__ui .tab__info h3{text-align:center;color:var(--secondary);font-size:1rem;margin:1rem 0 .5rem}.visualiser__ui .tab__info .details{display:flex;justify-content:space-between;text-align:center}.visualiser__ui .tab__info .details *{flex:1 1 min-content;display:block}.visualiser__ui .tab__info .details .override_height{color:var(--dark-gray)}.visualiser__ui .tab__info .traits{display:flex;justify-content:space-between}.visualiser__ui .tab__info .traits>*{width:33%}.visualiser__ui .tab__info .traits ul{text-align:center;margin:0;padding:0;list-style:none}.visualiser__ui .tab__info .traits ul li{margin-bottom:.5rem}.visualiser__ui .tab__info:after{content:"";display:block;position:absolute;box-shadow:var(--shadow)}div.textarea__wrapper{margin-bottom:2rem}div.textarea__wrapper textarea.input__textarea{height:initial}div.textarea__wrapper span.textarea__indicator{float:right;margin:.25rem;font-size:.75rem;display:flex;gap:.25rem;align-items:center}div.textarea__wrapper span.textarea__indicator svg{stroke-dasharray:126;stroke-dashoffset:126;stroke-linecap:round;transform:rotate(-85deg)}.avatar-picker__wrapper{width:100%}@media screen and (max-width: 400px){.avatar-picker__wrapper .picker .graphical-items{margin-left:-25%}.avatar-picker__wrapper label{margin-bottom:0}}.avatar-picker__wrapper .picker{width:100%;margin:auto}.avatar-picker__wrapper .picker .graphical-items{position:relative;width:max-content;margin:auto;display:inline-grid}.avatar-picker__wrapper .picker .graphical-items .reticle{margin:0;height:100%;width:100%;position:absolute;background:radial-gradient(90% 90% at 50% 50%,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 48%,rgba(255,255,255,.1) 49%,var(--primary-transp) 50%,var(--primary-transp) 51%,var(--primary-transp) 100%);pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-picker__wrapper .picker #avatar{margin:auto;display:block;position:relative;transform:translateY(-50%);top:50%}.avatar-picker__wrapper .picker .user-select-none{-webkit-user-select:none;user-select:none}.avatar-picker__wrapper .picker .avatar{box-shadow:0 3px 10px #0003;border-radius:50%}.avatar-picker__wrapper .picker .avatarpicker_current{width:90%;height:90%;margin:auto}.avatar-picker__wrapper .picker .avatarpicker_current img{margin:auto;width:150px;height:150px}.avatar-picker__wrapper .picker .button-container__controls{position:absolute;bottom:.5rem;display:flex;flex-direction:row;gap:.5rem}.avatar-picker__wrapper .picker .button-container__bottom{margin-top:.75rem;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.version__manager{position:absolute;bottom:1.5rem;right:2rem}.features__resizer{touch-action:none;-webkit-user-select:none;user-select:none;height:6px;background:var(--primary);border-radius:5px;width:50%;margin:auto;cursor:row-resize;flex:0 0 6px;opacity:.8}.features__item{flex:1 1 auto;max-height:20%;overflow-y:scroll;padding:1rem}.features__item h4{padding:0;margin:0;margin-bottom:.25rem;color:var(--secondary);font-size:.75rem}.features__container{z-index:var(--modal);box-shadow:var(--shadow);position:absolute;background:var(--white);left:1rem;right:1rem;bottom:1rem;padding:.5rem;border-radius:1rem;width:clamp(200px,80dvw,400px);margin:auto;display:flex;flex-direction:column}#homepage{display:flex;flex-direction:column;align-items:center;gap:6rem}#homepage .header__text{width:250px;color:var(--secondary);font-weight:700;text-align:center;margin:auto;display:block}#homepage .cta{width:max-content;margin:auto;margin-top:3rem}#homepage .cta>*{display:inline-block}#homepage .cta>*:nth-child(2){margin-left:1rem}#homepage .nav{display:flex;justify-content:space-around;width:100%;margin:auto;margin-top:3rem}#homepage .nav a{text-decoration:none}#homepage .banner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 2rem;border-radius:var(--borderMd);background:#fff;box-shadow:var(--shadow);color:var(--text);width:clamp(300px,100%,50vw)}#homepage .banner--info{background-color:var(--secondary);color:var(--white)}.link-card{border-radius:var(--borderMd);background:var(--white);box-shadow:var(--shadow);width:clamp(250px,80vw,350px);display:grid;padding:.5rem;grid-template-columns:1rem 1fr 1fr 1rem;grid-template-rows:1fr 1rem max-content;grid-template-areas:" . avatarA avatarB ." " . type type . " ". update delete.";column-gap:1rem;justify-items:center}.link-card .avatarA .character-portrait--medium,.link-card .avatarB .character-portrait--medium{margin:auto}.link-card .avatarA{grid-area:avatarA}.link-card .avatarB{grid-area:avatarB}.link-card .type{grid-area:type}.link-card .update{grid-area:update}.link-card .delete{grid-area:delete}.link-card .link-card__version{position:relative;text-align:center}.link-card .link-card__version .link-card__version__character-name{font-weight:500;font-size:var(--tiny);margin:.5rem 0}.link-card .link-card__version .link-card__version__name{background:var(--secondary-transp);border-radius:var(--borderMd);padding:.25rem;font-size:var(--tiny);font-weight:100;width:max-content;margin:auto}.links-list{display:flex;flex-direction:row;width:clamp(300px,80vw,100%);gap:2rem;flex-wrap:wrap}button.create-link{margin-top:2rem}.full-page-loader{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#fffc;z-index:var(--modal)}.full-page-loader div{position:relative;transform:translateY(-50%);top:50%}.full-page-loader div>div{height:120px!important;width:120px!important}.error,.success{padding:1rem;margin-top:2rem;border-radius:.5rem;color:var(--white);font-weight:700;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.error .bold,.success .bold{font-size:var(--h2)}.success{background-color:var(--primary)}.error{background-color:var(--danger)}