select{appearance:none;background-size:1.2em}select::-ms-expand{display:none}select option{background-color:var(--color-gray-lighter)}select option:checked{background-color:var(--color-blue)}select option:hover{background-color:var(--color-mint)}input[type=range]{-webkit-appearance:none;background:0 0;width:100%;transition:all .2s ease-in-out}input[type=range]::-webkit-slider-runnable-track{height:var(--spacing-xs);background:var(--color-gray-light);border-radius:4px}input[type=range]::-moz-range-track{height:var(--spacing-xs);background:var(--color-gray-light);border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--spacing-md);width:var(--spacing-md);background:var(--color-mint);border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--color-white);margin-top:-8px;transition:all .2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 5px var(--color-mint)}input[type=range]::-moz-range-thumb{height:var(--spacing-md);width:var(--spacing-md);background:var(--color-mint);border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--color-white);transition:all .2s ease-in-out}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 5px var(--color-mint)}input[type=range]:hover::-webkit-slider-thumb{background:var(--color-mint);box-shadow:0 0 5px var(--color-mint);transition:all .2s ease-in-out}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 5px var(--color-mint);transition:all .2s ease-in-out}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 5px var(--color-mint);transition:all .2s ease-in-out}input[type=radio]{appearance:none;width:var(--spacing-sm);height:var(--spacing-sm);border:2px solid var(--color-gray-light);border-radius:var(--radius-sm);cursor:pointer;outline:none;position:relative}input[type=radio]:checked{border-color:var(--color-mint);background-color:var(--color-mint)}input[type=radio]:checked:after{content:"";border:solid var(--color-purple);border-width:0 0 2px 2px;width:.5rem;height:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-45deg)}input[type=radio]:hover{border-color:var(--color-purple);box-shadow:var(--shadow-below)var(--color-purple)}input[type=radio]:focus{box-shadow:0 0 3px var(--color-mint)}input[type=checkbox]{appearance:none;width:var(--spacing-sm);height:var(--spacing-sm);border:2px solid var(--color-gray-light);cursor:pointer;background-color:var(--color-white);border-radius:.25rem;transition:background-color .2s,border-color .2s;position:relative}input[type=checkbox]:checked{border-color:var(--color-mint);background-color:var(--color-mint)}input[type=checkbox]:checked:after{content:"";border:solid var(--color-purple);border-width:0 0 2px 2px;width:.5rem;height:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-45deg)}input[type=checkbox]:hover{border-color:var(--color-purple);box-shadow:var(--shadow-below)var(--color-purple)}input[type=checkbox]:focus{box-shadow:0 0 3px var(--color-mint)}.input-toggle{align-items:center;gap:var(--spacing-xs);cursor:pointer;background-color:oklch(from var(--color-gray-dark)l c h/.6);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);width:fit-content;display:flex}.input-toggle.active{background-color:oklch(from var(--color-white)l c h/.6)}.toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-lighter)}.toggle-label.active{color:var(--color-purple)}.toggle-switch{width:calc(var(--spacing-md)*2);height:var(--spacing-md);position:relative}.toggle-track{background-color:var(--color-gray-lighter);border-radius:var(--radius-sm);transition:all .2s ease-in-out;position:absolute;inset:0}.toggle-track.active{background-color:var(--color-mint)}.input-toggle:hover .toggle-track{border-color:var(--color-purple);box-shadow:var(--shadow-below)var(--color-purple)}.toggle-handle{top:50%;left:var(--spacing-xs);width:var(--spacing-sm);height:var(--spacing-sm);background-color:var(--color-gray-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:all .2s ease-in-out;position:absolute;transform:translateY(-50%)}.toggle-handle.active{left:auto;right:var(--spacing-xs);background-color:var(--color-purple)}.toggle-handle.active:after{content:"";border:solid var(--color-mint);border-width:0 0 2px 2px;width:.5rem;height:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-45deg)}.input-toggle:hover .toggle-handle.active~.toggle-track{background-color:var(--color-mint);box-shadow:0 0 10px var(--color-mint)}