.C_InputRoot{display:flex;flex-direction:column;margin-bottom:1em;gap:.2rem}.C_InputLabel{font-size:.8rem;user-select:none}.C_Input{all:unset;width:100%;padding:.4em 0;border-bottom:3px solid var(--slate-8);&:focus{border-bottom:3px solid var(--indigo-8)}&::placeholder{color:var(--slate-8)}}.C_ButtonRoot{background-color:var(--indigo-10);color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-align:center;cursor:pointer;&:hover{background-color:var(--indigo-9)}&:active{background-color:var(--indigo-11)}}.switch{position:relative;display:inline-block}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .slider{position:absolute;inset:0;cursor:pointer;border-radius:999px;transition:background-color .2s ease,border-color .2s ease}.switch .slider:before{content:"";position:absolute;left:4px;bottom:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.switch--form{width:46px;height:26px}.switch.switch--form input{opacity:0;width:0;height:0;position:absolute}.switch.switch--form .slider{position:absolute;inset:0;cursor:pointer;border-radius:999px;background:var(--form-switch-track-off);border:1px solid var(--form-switch-border-off);transition:background-color .22s cubic-bezier(.2,.8,.2,1),border-color .22s cubic-bezier(.2,.8,.2,1);background-image:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02))}.switch.switch--form .slider:before{content:"";position:absolute;left:3px;bottom:3px;width:20px;height:20px;border-radius:50%;background:var(--form-switch-thumb-off);box-shadow:0 6px 14px rgba(0,0,0,.6);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background-color .22s}.switch.switch--form input:checked+.slider{background:var(--form-switch-track-on);border-color:var(--form-switch-border-on)}.switch.switch--form input:checked+.slider:before{transform:translateX(22px);background:var(--form-switch-thumb-on);box-shadow:0 0 0 2px color-mix(in srgb,var(--form-switch-accent) 30%,transparent),0 8px 18px rgba(var(--form-switch-aura-rgb),.45)}.dark .switch.switch--form:not(:has(input:checked)) .slider{box-shadow:0 0 0 1px hsla(0,0%,100%,.06),inset 0 1px 0 hsla(0,0%,100%,.06)}.dark .switch.switch--form:not(:has(input:checked)) .slider:before{box-shadow:0 0 0 2px hsla(0,0%,100%,.08),0 6px 14px rgba(0,0,0,.6)}.switch.switch--form input:focus+.slider{outline:2px solid var(--form-switch-accent);outline-offset:3px}