@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Outfit:wght@700&display=swap";.logo{width:100%}.logo--small{height:.5rem}.logo--medium{height:1rem}.logo--large{height:2em}.logo--extra-large{height:4em}.logo--massive{height:8em}.logo--white{color:var(--color-base-100)}.logo--primary{color:var(--color-primary)}.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(--color-base-content);text-decoration:none;border-radius:.5rem;background:var(--color-base-100);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(--color-base-content);background:var(--color-base-300)}.menu__items__item:active,.menu__items__item.active{color:var(--color-base-100);background:var(--color-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(--color-secondary);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(--color-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(--color-base-300, #f3f3f3);color:var(--color-base-content);transition:all .2s ease-out}.menu__button--open{background:var(--color-base-100, #f3f3f3);color:var(--color-base-content)}.stack{position:fixed;bottom:6rem;left:1rem;max-height:40vh;z-index:9}.stack__container{padding:.5rem;border-radius:.35rem;background:var(--color-base-100, #f3f3f3);width:max-content;overflow-y:visible;position:absolute;pointer-events:none;bottom:0;margin-bottom:1rem}.stack__container.is-open{pointer-events:auto}.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(--color-accent);color:var(--color-accent-content);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(--color-base-200)}.stack__button:before{top:-6px;left:6px;background:var(--color-primary)}.stack__button:hover{background:var(--color-base-300, #f3f3f3);color:var(--color-base-content);transition:all .2s ease-out}.stack__button--open{background:var(--color-base-100, #f3f3f3);color:var(--color-base-content)}@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(--color-primary);clip-path:url(#squircle);display:block}.character-portrait__decoration__wrapper{position:absolute;top:-3px;left:-3px;z-index:0;filter:drop-shadow(0px -5px 11px var(--color-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{width:100px;height:100px}.character-portrait--medium .character-portrait__decoration__wrapper{filter:drop-shadow(-2px -5px 5px var(--color-primary))}.button{min-width:30px;background-color:var(--color-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(--color-secondary);transition:all .2s ease-out}.button--secondary{background-color:var(--color-base-200)}.button--stealth{padding:.35rem .5rem;border-radius:0;background-color:transparent;border-bottom:1px solid var(--color-base-300, #8994aa)}.button--stealth:hover{background:transparent;color:var(--color-base-300);border-color:var(--color-base-300)}.button--lined{border:solid 1px var(--color-secondary);background-color:transparent;color:var(--color-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(--color-neutral)}.button--danger:hover,.button--muted-danger:hover{background-color:var(--color-error)}.button:active{background-color:var(--color-secondary);transition:all .1s ease-out;box-shadow:0 2px 4px #0000000f inset}.button--lined:active{color:#fff;background-color:var(--color-secondary);transition:all .1s ease-out;border:solid 2px var(--color-secondary)}.button--danger:active{border-color:var(--color-error)}.button:disabled{background-color:transparent}.character-card{display:flex;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;background:var(--color-base-100, #f3f3f3);color:var(--color-base-content);box-shadow:-5px 9px 27px var(--color-neutral);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(--color-base-200);box-shadow:-2px 2px 10px 3px var(--color-neutral)}.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(--color-neutral)}.character-card--horizontal__info__version:hover{background:var(--color-secondary);color:var(--color-secondary-content)}.character-card--horizontal__delete{width:30px;height:30px;cursor:pointer;color:var(--color-base-content);transition:color .2s ease-out}.character-card--horizontal__delete:hover{transition:color .2s ease-out;color:var(--color-danger-content)}.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;color:var(--color-base-content);background:var(--color-base-100);box-shadow:-2px 2px 10px 3px var(--color-neutral);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(--color-accent);opacity:.5}.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(--color-base-100);padding:2rem;border-radius:.5rem;box-shadow:-2px 2px 10px 3px var(--color-neutral)}.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(--color-base-300)}.modal__dialog__closebtn span{padding-top:2px}.version-picker{width:100%;height:100px}.version-picker .text-info{font-size:.8rem;color:var(--color-base-300)}.version-picker .select__wrapper{width:min-content;position:relative;top:20%;left:50%;transform:translate(-50%,-50%);z-index:2}.dropdown__results{z-index:2;position:absolute;top:calc(100% + .5rem);background:var(--color-base-100);color:var(--color-base-content);font-size:1rem;width:100%;max-width:90vw;border-radius:.35rem;border:var(--color-base-300) 1px solid;overflow:scroll;box-shadow:-5px 9px 27px var(--color-neutral)}.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(--color-base-200)}.hidden{visibility:hidden;display:none}.select{position:relative;width:max-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(--color-base-300, #8994aa)}.clear__icon:hover{transition:all .2s ease-in;color:var(--color-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}#close-overlay{position:fixed;z-index:0;top:0;right:0;left:0;bottom:0}.search-input.input__wrapper{z-index:1}.input__input{display:block;padding-left:.5rem;width:clamp(200px,100%,400px);max-width:90vw;height:35px;border-radius:6px;border:1px solid var(--color-base-300, #8994aa);background:var(--color-base-100, #f3f3f3);color:var(--color-base-content)}.input__input:focus{border:1px solid var(--color-secondary, #4f46e5);background:var(--color-base-100, #f3f3f3)}.input__input:disabled{border:1px solid var(--color-base-300, #8994aa);background:var(--color-base-200, #e9e9ef)}.input__input[type=checkbox]{background:var(--color-error);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(--color-neutral)}.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(--color-base-100)}.input__input[type=checkbox]:checked+.checkbox-ui .checkbox-span{transform:rotate(45deg);background:var(--color-primary)}.input__input[type=checkbox]:checked+.checkbox-ui .checkbox-span:before{display:block;background:var(--color-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}#message-banner{position:sticky;top:0;padding:1rem 2rem;background:var(--color-primary);color:var(--color-primary-content);font-weight:700;text-align:center}@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */;*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-family:Inter}html{font-size:16px}body{line-height:1.5;color:var(--color-base-content);background:var(--color-base-100)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.mt-1{margin-top:.25rem}.pt-1{padding-top:.25rem}.mt-2{margin-top:.5rem}.pt-2{padding-top:.5rem}.mt-3{margin-top:1rem}.pt-3{padding-top:1rem}.mt-4{margin-top:2rem}.pt-4{padding-top:2rem}.mt-5{margin-top:4rem}.pt-5{padding-top:4rem}.mt-6{margin-top:8rem}.pt-6{padding-top:8rem}.mt-7{margin-top:16rem}.pt-7{padding-top:16rem}.mt-8{margin-top:32rem}.pt-8{padding-top:32rem}.mt-9{margin-top:64rem}.pt-9{padding-top:64rem}.mt-10{margin-top:128rem}.pt-10{padding-top:128rem}.mb-1{margin-bottom:.25rem}.pb-1{padding-bottom:.25rem}.mb-2{margin-bottom:.5rem}.pb-2{padding-bottom:.5rem}.mb-3{margin-bottom:1rem}.pb-3{padding-bottom:1rem}.mb-4{margin-bottom:2rem}.pb-4{padding-bottom:2rem}.mb-5{margin-bottom:4rem}.pb-5{padding-bottom:4rem}.mb-6{margin-bottom:8rem}.pb-6{padding-bottom:8rem}.mb-7{margin-bottom:16rem}.pb-7{padding-bottom:16rem}.mb-8{margin-bottom:32rem}.pb-8{padding-bottom:32rem}.mb-9{margin-bottom:64rem}.pb-9{padding-bottom:64rem}.mb-10{margin-bottom:128rem}.pb-10{padding-bottom:128rem}.mr-1{margin-right:.25rem}.pr-1{padding-right:.25rem}.mr-2{margin-right:.5rem}.pr-2{padding-right:.5rem}.mr-3{margin-right:1rem}.pr-3{padding-right:1rem}.mr-4{margin-right:2rem}.pr-4{padding-right:2rem}.mr-5{margin-right:4rem}.pr-5{padding-right:4rem}.mr-6{margin-right:8rem}.pr-6{padding-right:8rem}.mr-7{margin-right:16rem}.pr-7{padding-right:16rem}.mr-8{margin-right:32rem}.pr-8{padding-right:32rem}.mr-9{margin-right:64rem}.pr-9{padding-right:64rem}.mr-10{margin-right:128rem}.pr-10{padding-right:128rem}.ml-1{margin-left:.25rem}.pl-1{padding-left:.25rem}.ml-2{margin-left:.5rem}.pl-2{padding-left:.5rem}.ml-3{margin-left:1rem}.pl-3{padding-left:1rem}.ml-4{margin-left:2rem}.pl-4{padding-left:2rem}.ml-5{margin-left:4rem}.pl-5{padding-left:4rem}.ml-6{margin-left:8rem}.pl-6{padding-left:8rem}.ml-7{margin-left:16rem}.pl-7{padding-left:16rem}.ml-8{margin-left:32rem}.pl-8{padding-left:32rem}.ml-9{margin-left:64rem}.pl-9{padding-left:64rem}.ml-10{margin-left:128rem}.pl-10{padding-left:128rem}.m-1{margin:.25rem}.p-1{padding:.25rem}.m-2{margin:.5rem}.p-2{padding:.5rem}.m-3{margin:1rem}.p-3{padding:1rem}.m-4{margin:2rem}.p-4{padding:2rem}.m-5{margin:4rem}.p-5{padding:4rem}.m-6{margin:8rem}.p-6{padding:8rem}.m-7{margin:16rem}.p-7{padding:16rem}.m-8{margin:32rem}.p-8{padding:32rem}.m-9{margin:64rem}.p-9{padding:64rem}.m-10{margin:128rem}.p-10{padding:128rem}h6{font-size:calc(1.25rem + 1vw)}h5{font-size:calc(1.3125rem + 1vw)}h4{font-size:calc(1.328125rem + 1vw)}h3{font-size:calc(1.33203125rem + 1vw)}h2{font-size:calc(1.3330078125rem + 1vw)}h1{font-size:calc(1.3332519531rem + 1vw)}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Outfit}a{color:var(--color-base-content);text-decoration:none}button{background-color:var(--color-primary);color:var(--color-primary-content);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(--color-base-300, #8994aa);background:var(--color-base-100)}.container{width:80%;margin:0 auto;padding:1rem 2rem}.icon{width:20px;height:20px}.icon--xs{width:14px;height:14px}.icon--lg{width:32px;height:32px}.text-info{font-size:.8rem;color:var(--color-neutral-content)}body[data-theme=dark]{--color-base-100: oklch(28.822% .022 277.508);--color-base-200: oklch(26.805% .02 277.508);--color-base-300: oklch(24.787% .019 277.508);--color-base-content: oklch(97.747% .007 106.545);--color-primary: oklch(75.461% .183 346.812);--color-primary-content: oklch(15.092% .036 346.812);--color-secondary: oklch(74.202% .148 301.883);--color-secondary-content: oklch(14.84% .029 301.883);--color-accent: oklch(83.392% .124 66.558);--color-accent-content: oklch(16.678% .024 66.558);--color-neutral: oklch(39.445% .032 275.524);--color-neutral-content: oklch(87.889% .006 275.524);--color-info: oklch(88.263% .093 212.846);--color-info-content: oklch(17.652% .018 212.846);--color-success: oklch(87.099% .219 148.024);--color-success-content: oklch(17.419% .043 148.024);--color-warning: oklch(95.533% .134 112.757);--color-warning-content: oklch(19.106% .026 112.757);--color-error: oklch(68.22% .206 24.43);--color-error-content: oklch(13.644% .041 24.43)}:root{--color-base-100: oklch(100% 0 0);--color-base-200: oklch(93% 0 0);--color-base-300: oklch(86% 0 0);--color-base-content: oklch(27% .006 286.033);--color-primary: oklch(.8003 .1821 151.71);--color-primary-content: oklch(43% .078 188.216);--color-secondary: oklch(90.6% .057 151.71);--color-secondary-content: oklch(46.9% .192 151.71);--color-accent: oklch(.5106 .2301 276.97);--color-accent-content: oklch(93% .034 272.788);--color-neutral: oklch(95% .051 281.2);--color-neutral-content: oklch(46.9% .192 290.2);--color-info: oklch(68% .169 237.323);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(69% .17 162.48);--color-success-content: oklch(26% .051 172.552);--color-warning: oklch(79% .184 86.047);--color-warning-content: oklch(28% .066 53.813);--color-error: oklch(64% .246 16.439);--color-error-content: oklch(27% .105 12.094)}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(--color-error)}.split{display:flex;flex-direction:row}.split--left{flex:0 0 35%}@media screen and (max-width: 700px){.split--left{display:none}}.split--right{flex:0 1 65%}@media screen and (max-width: 700px){.split--right{flex-basis:100%}}.sidebar{background:var(--color-primary);height:90dvh;margin:1rem;border-radius:.35rem;box-shadow:-5px 9px 27px var(--color-neutral);position:relative}.sidebar .caption-block{position:relative;font-weight:700;color:var(--color-primary-content);margin:auto;display:block;margin-top:2rem;width:300px;text-align:center}.sidebar .caption-block .sparkle1{height:1.5rem;width:1.5rem;position:absolute;left:-1.4rem;top:-1rem;animation:twinkle0 5s ease-in-out infinite}.sidebar .caption-block .sparkle2{height:1.5rem;width:1.5rem;position:absolute;right:-1rem;animation:twinkle2 5s ease-in-out infinite}.sidebar .logo-block{margin:auto;display:block;width:300px;padding-top:2rem;text-align:center}.sidebar .logo-block span.text{display:block;font-size:2rem;margin-bottom:1rem;font-weight:700;color:var(--color-base-100)}.login-image{display:block;width:clamp(200px,100%,400px);margin:auto;position:absolute;bottom:0;transform:translate(-50%);left:50%}.login-image img{width:100%}.wrapper{display:block;width:100%;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 .login-image{display:none}@media screen and (max-width: 700px){.wrapper .login-image{width:clamp(150px,100dvw,300px);display:block}.wrapper .login-image img{width:100%}}.wrapper a{margin:auto;display:block}@keyframes twinkle0{0%{transform:translateZ(0)}60%{transform:translate3d(10%,10%,-5px)}to{transform:translateZ(0)}}@keyframes twinkle2{0%{transform:translateZ(0)}60%{transform:translate3d(5%,20%,-5px)}to{transform:translateZ(0)}}.hint{padding:.5rem;border-radius:.25rem;background:var(--color-base-200);height:100%;width:340px;max-width:90vw;color:var(--color-base-content);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:-5px 9px 27px var(--color-neutral)}.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(--color-neutral-content)}form div.input__wrapper>div.input__wrapper{display:inline-flex;width:47%;flex-direction:row-reverse;justify-content:flex-end;align-items:center}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(--color-base-300, #8994aa);background:var(--color-base-200, #f3f3f3);flex:1 1 28px;margin:0;padding:1px;padding-left:2rem;left:-1rem;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(--color-base-300)}.indicator__content-saved{color:var(--color-primary)}.indicator__wrapper{position:fixed;width:max-content;padding:.75rem;border-radius:6px;background:var(--color-base-100, #f3f3f3);box-shadow:-5px 9px 27px var(--color-neutral)}.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(--color-base-100)}.character-visualiser__version{background:var(--color-base-200);padding:1rem 0;position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);border-radius:.35rem;width:100vw;max-width:350px;display:flex;gap:1rem;align-items:center;justify-content:center}.character-visualiser__version__button--disabled{opacity:.5}.character-visualiser__version__info{font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:.25rem;background:var(--color-neutral);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(--color-base-100);border-radius:.25rem;box-shadow:var(--shadow);z-index:2}.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:1}.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(--color-base-100);border-radius:.35rem;display:flex;align-items:center;color:var(--color-base-content)}.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:2;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(--color-base-200);border-radius:.5rem;box-shadow:var(--shadow);visibility:hidden}.emoji__picker .open{visibility:visible}.emoji__picker .emoji-item{position:relative}.dropzone{background-color:var(--color-base-100);color:var(--color-base-content);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(--color-base-300);display:flex;flex-direction:column;justify-content:center;cursor:pointer}.dropzone__text--bold{font-weight:600}input.errored,div.dropzone.errored{border-color:var(--color-error)}input~input{margin-top:1rem}label~input.errored{color:var(--color-error)}.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:2;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:1}.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(--color-base-100);box-shadow:var(--more-visible-shadow)}.visualiser__ui .tab{pointer-events:painted;z-index:0;background:var(--color-base-100);grid-area:popup;justify-self:end;border-radius:.5rem;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(--color-primary);text-align:center;font-size:2rem;margin:0;margin-bottom:1rem}.visualiser__ui .tab__info h3{text-align:center;color:var(--color-accent);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(--color-base-200)}.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(--color-secondary) 50%,var(--color-secondary) 51%,var(--color-secondary) 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(--color-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(--color-accent);font-size:.75rem}.features__container{z-index:2;box-shadow:var(--shadow);position:absolute;background:var(--color-primary-content);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(--color-accent);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:.35rem;background:var(--color-base-100);box-shadow:var(--shadow);color:var(--text);width:clamp(300px,100%,50vw)}#homepage .banner--info{background-color:var(--color-accent);color:var(--color-secondary-content)}.link-card{border-radius:.35rem;background:var(--color-base-100);box-shadow:-5px 9px 27px var(--color-neutral);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:.8rem;margin:.5rem 0}.link-card .link-card__version .link-card__version__name{background:var(--color-accent);border-radius:.35rem;padding:.25rem;font-size:.8rem;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:2}.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(--color-base-100);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(--color-primary)}.error{background-color:var(--color-error)}header.page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:var(--color-primary) solid 1px}header.page-header h1{flex:2 1 30%}header.page-header div.actions{justify-self:flex-end;font-size:1rem}header.page-header div.actions svg{height:1.5rem;vertical-align:middle}.world-wrapper{margin-top:4rem}.world{padding:0rem 1rem;margin-bottom:3rem;border-radius:.5rem;filter:drop-shadow(3px 5px 10px var(--color-neutral));cursor:pointer;display:flex;flex-direction:column;position:relative;gap:4rem;align-items:start;overflow:hidden}.world .world__bg,.world .world__bg svg,.world .world__bg__overlay{height:500px;width:100%;position:absolute;display:block;top:-70px;left:20px;z-index:-1}.world .world__bg{background-repeat:no-repeat;background-color:var(--color-primary);background-size:cover;clip-path:url(#squircle)}.world .world__bg__overlay{position:absolute;background:var(--color-base-300);opacity:.25;top:0;bottom:0;left:0;right:0}.world__info{display:block;width:100%;display:flex;justify-content:space-between;align-items:start}.world__name{text-shadow:var(--color-base-content) 1px 0 6px;color:var(--color-base-100);text-align:center}.world__actions{text-shadow:#000 1px 0 3px;text-align:center;cursor:crosshair;font-size:.8rem}.world__actions *{color:#000}.world__actions * svg{height:.8rem;vertical-align:baseline}.world__edit{display:block;margin-top:.25rem}.world__characters{display:flex;flex-direction:row;gap:4rem;flex-wrap:wrap}.world.isOpen{min-height:600px;height:max-content}