.number{box-sizing:border-box;background-color:var(--bg-primary);appearance:unset;border:none;border:3px solid var(--border);border-radius:15px;outline:none;max-width:75px;height:calc(100% - 20px);margin:10px;padding:5px 10px;font-family:Fredoka,sans-serif;font-size:20px}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.toggle{appearance:none;box-sizing:border-box;aspect-ratio:5/3;background-color:var(--bg-primary);border:3px solid var(--border);cursor:pointer;background:0 0;border:none;border-radius:50px;outline:none;height:34px;position:relative}.toggle:after{content:"";aspect-ratio:1;border:3px solid var(--action);background-color:#0000;border-radius:50%;width:20px;transition:transform .15s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.toggle:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.toggle:checked:before{border:3px solid var(--bg-primary);border-radius:3px;height:7px;left:10px}.toggle:not(:checked):before{border:3px solid var(--border);aspect-ratio:1;background-color:var(--bg-primary);border-radius:50%;width:8px;right:5px}.toggle:checked{background-color:var(--action);border:3px solid var(--action)}.toggle:not(:checked){background-color:var(--bg-primary);border:3px solid var(--border)}.toggle:checked:after{background-color:var(--bg-primary);transform:translate(22px)translateY(-50%)}input[type=text]{color:var(--text-on-primary);-webkit-text-fill-color:var(--text-on-primary);text-align:right;background-color:#0000;border:none;border-radius:2px;font-size:20px;text-decoration:underline}input[type=text]:focus,input[type=text]:focus-visible{appearance:none;border:none;outline:none}input[type=text]::placeholder{opacity:1;text-decoration:underline;color:var(--text-on-primary)!important}input[type=text]::-webkit-input-placeholder{opacity:1;text-decoration:underline;color:var(--text-on-primary)!important}input[type=text]:-ms-placeholder-shown{opacity:1;text-decoration:underline;color:var(--text-on-primary)!important}input[type=text]:-webkit-autofill{-webkit-text-fill-color:inherit!important;box-shadow:inset 0 0 0 1000px #0000!important}input[type=text]:-webkit-autofill:focus{-webkit-text-fill-color:inherit!important;box-shadow:inset 0 0 0 1000px #0000!important}input[type=text]:-webkit-autofill:hover{-webkit-text-fill-color:inherit!important;box-shadow:inset 0 0 0 1000px #0000!important}select{background-color:var(--bg-primary);text-align:end;padding:5px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:500;border:none!important}select option{border:none;border-radius:0 0 10px 10px;outline:none}select:focus{border:none;outline:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:300px}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border:none;border-radius:2px;width:100%;height:3px}input[type=range]::-moz-range-track{background:var(--border);border:none;border-radius:2px;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg-primary);border:3px solid var(--border);box-sizing:border-box;border-radius:200px;width:16px;height:16px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--bg-primary);border:3px solid var(--border);box-sizing:border-box;border-radius:200px;width:16px;height:16px}
