*{corner-shape:squircle}body,html{margin:0;padding:0;height:100%;overflow-x:hidden;font-family:Comfortaa,sans-serif;background-color:#110b13}#root{height:100dvh;width:100dvw}.toon,input[type=file],.toon-border,.hover-toon-border,input[type=file]::file-selector-button,input[type=text],input[type=email],input[type=number],button{border:0;border-radius:1rem;corner-shape:squircle}.toon-border,.hover-toon-border,input[type=file]::file-selector-button,input[type=text],input[type=email],input[type=number],button{box-shadow:2px 2px #000}.hover-toon-border,input[type=file]::file-selector-button,input[type=text],input[type=email],input[type=number],button{transition:all .1s}.hover-toon-border:active,input[type=file]:active::file-selector-button,input[type=text]:active,input[type=email]:active,input[type=number]:active,button:active{translate:2px 2px;box-shadow:0 0 #000}button{font-family:Comfortaa,sans-serif;padding:1rem 2rem}button:hover{background-color:#d0bbdebf}button:active{background-color:#a992b8bf}input[type=text],input[type=email],input[type=number]{height:1.5em;border:1px solid black;padding:.25rem}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus{translate:2px 2px;box-shadow:0 0 #000}input[type=file]::file-selector-button{height:1.5em;margin-bottom:4px;background-color:#f0f8ff;border:1px solid black}input[type=file]{padding:.25rem 1rem;background-color:#422059bf}a{color:#6fe9ffbf}::-webkit-scrollbar-track{background:#0e0216bf}::-webkit-scrollbar-thumb{background:#fffdf4}::-webkit-scrollbar-thumb:hover{background:#fff}select{padding:.5em 2em .5em .5em;border:1px solid black;border-radius:1rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(/wstomp/dropdown.svg);background-size:12px 12px;background-repeat:no-repeat;background-position:right .5em center}.kofi-button{position:absolute;bottom:1rem;right:1rem}.warning-screen{z-index:999;position:fixed;width:100%;height:100%;max-width:100dvw;max-height:100dvh;background-color:#110b13;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;box-sizing:border-box}.notice{z-index:5;position:absolute;bottom:0;background-color:#0e021680;color:#fffdf4;font-weight:700;font-size:large;display:flex;align-items:center;justify-content:center;height:2rem;padding:2rem;width:100%;box-sizing:border-box;pointer-events:none}.footprint-form{color:#fff;width:600px;max-width:100%}.footprint-form-container{display:flex;justify-content:center;padding:2rem}.form-error{color:#ff7979}.footprint-selector{min-width:min(800px,100%)}.footprint-filter{background-color:#422059bf;padding:1rem;margin-top:1rem;border-radius:1rem}.footprint-filter>h3{margin-top:0}.footprint-filter p{margin:0}.footprint-filter label{display:grid;grid-template-columns:1fr 1fr;justify-items:stretch;align-items:center}.main-menu{position:absolute;bottom:2rem;left:2rem;color:#fffdf4;display:flex;flex-direction:column}@media screen and (max-width:600px){.main-menu{bottom:3rem;left:0;width:100%}}.title{margin-left:2rem;letter-spacing:-3px}.mode-title{letter-spacing:-2px}.header{display:flex;padding-left:1rem;background:linear-gradient(transparent,#0e0216bf)}.header>img{width:3rem}.mode-selectors{background-color:#0e0216bf;border-radius:0 0 1rem 1rem;corner-shape:squircle}.mode-selector{margin:1rem;display:grid;background-color:#0e0216bf;border-radius:1rem;corner-shape:squircle}.mode-header{display:flex;gap:1rem;background-color:#422059bf;padding:1rem;border-radius:1rem 1rem 0 0}.mode-header>img{width:4rem}.mode-header>button{margin-left:auto;justify-self:flex-end}.menu{position:absolute;right:6rem;top:1rem;position-anchor:--active-icon;align-self:anchor-center;color:#fffdf4;background-color:#0e0216bf;padding:2rem;border-radius:1rem 0 1rem 1rem;corner-shape:squircle;overflow-y:auto;max-height:calc(100dvh - 12rem);justify-self:right;transform-origin:right}@supports (top: anchor(top)) and (right: anchor(left)){.menu{right:anchor(left);top:anchor(top)}}@media screen and (max-width:600px){.menu{position:relative;right:auto;top:auto;max-width:calc(100% - 2rem);width:calc(100% - 2rem);box-sizing:border-box;max-height:calc(100dvh - 20rem);border-radius:0 0 1rem 1rem}}.menu-parent{position:fixed;right:0;top:1rem;z-index:25;height:100%;display:flex;pointer-events:none}.menu-parent *{pointer-events:all}@media screen and (max-width:600px){.menu-parent{height:auto;top:0;width:100%;flex-direction:column-reverse}}.menu-list{anchor-name:--menu-list;display:flex;flex-direction:column;gap:.5rem}@media screen and (max-width:600px){.menu-list{padding:0 1rem;box-sizing:border-box;flex-direction:row;width:100%;justify-content:stretch;overflow-x:scroll}}.size-slider{width:100%}.menu-icon{position:relative;background-color:#0e0216bf;padding:1rem 2rem 1rem 1rem;right:-1rem;border-radius:2rem 0 0 2rem;cursor:pointer;transition:all .15s ease-out}.menu-icon>img{width:50px}@media screen and (max-width:600px){.menu-icon{padding:1rem;flex-grow:1;height:min-content;right:auto;border-radius:0 0 2rem 2rem;display:flex;justify-content:center}}.back-button{color:#fffdf4;font-size:1.5rem}.back-button>p{margin:0;transition:margin .5s ease-in-out}@media screen and (max-width:600px){.back-button{display:none}}.active-back-button>p{scale:-1 1}.active-menu-icon{right:0;border-radius:0;background-color:#a992b8bf;anchor-name:--active-icon}@media screen and (max-width:600px){.active-menu-icon{padding-top:2rem}}.custom-footprint-display{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#0e0216bf;margin:1rem 0;border-radius:1rem;position:relative}.custom-footprint-display>*{padding:1rem}.custom-footprint-display>header{background-color:#422059bf;border-radius:1rem 0 0 1rem;display:flex;flex-direction:column}.custom-footprint-display>header>*{flex-grow:1}@media screen and (max-width:600px){.custom-footprint-display>header{border-radius:1rem 1rem 0 0}}.custom-footprint-display>img{width:125px;height:125px}@media screen and (max-width:600px){.custom-footprint-display>img{justify-self:center}}@media screen and (max-width:600px){.custom-footprint-display{width:100%;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}}.save-display{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#0e0216bf;margin:1rem 0;border-radius:1rem;position:relative}.save-display>*{padding:1rem}.save-display>header{background-color:#422059bf;border-radius:1rem 0 0 1rem;display:flex;flex-direction:column}.save-display>header>*{flex-grow:1}.clear-file-button{background-color:#ff5151;font-weight:700;font-size:1rem;display:grid;place-content:center;height:1.5em;width:1.5em;padding:.25em;box-shadow:2px 2px #000}.clear-file-button:active{translate:2px 2px;box-shadow:0 0 #000}.clear-file-button:after{content:"x"}.clear-file-button:disabled{background-color:gray}.top-right{position:absolute;top:0;right:0}.file-input-label{display:flex;gap:1rem;align-items:center}.stomp-image-inputs{display:grid;gap:8px;grid-template-columns:1fr 1fr}@media screen and (max-width:600px){.stomp-image-inputs{grid-template-columns:1fr}}.footprint-type-icon{width:24px;height:24px}form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}form label{display:flex;flex-direction:column;align-items:flex-start}form label p{text-wrap:nowrap;margin-bottom:2px;margin-top:2px;margin-left:4px;font-size:small}.checkbox-input{display:flex;flex-direction:row;align-items:center}.checkbox-input p{text-wrap:nowrap;margin-top:0;margin-bottom:0;font-size:medium}