:root{--input-height-small:var(--unit-24);--input-height-medium:calc(var(--unit-24) + var(--unit-12));--input-max-width:calc(var(--unit-256) + var(--unit-192) + var(--unit-32));--input-border:var(--input-background);--input-border-hover:var(--border-secondary);--input-border-focus:var(--input-border-hover);--input-focus-ring:var(--accent-focus)}.input-label{cursor:pointer!important}.input-group{display:block;position:relative}.input-base{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;width:100%;max-width:var(--input-max-width);border-radius:var(--unit-4);border:1px solid;color:var(--input-text);transition:color var(--transition-faster),background-color var(--transition-faster),border-color var(--transition-faster);background-color:var(--input-background);border-color:var(--input-border);outline:none;box-shadow:none;cursor:pointer}.input-base::-moz-placeholder{color:var(--input-placeholder);-moz-transition:color var(--transition-faster);transition:color var(--transition-faster)}.input-base::placeholder{color:var(--input-placeholder);transition:color var(--transition-faster)}.input-base:hover{color:var(--input-text-hover);border-color:var(--input-border-hover)}.input-base:hover:not(:disabled)::-moz-placeholder{color:var(--input-placeholder-hover)}.input-base:hover:not(:disabled)::placeholder{color:var(--input-placeholder-hover)}.input-base:focus{color:var(--input-text-hover);border-color:var(--input-border-focus)}[data-input=keyboard] .input-base:focus-visible{border-color:var(--input-border-focus);outline:2px solid var(--background-primary);box-shadow:0 0 0 4px var(--input-focus-ring)}.input-base:disabled{--input-placeholder:var(--input-disabled-text);cursor:not-allowed}.input-base:disabled,.input-base:disabled:hover{color:var(--input-disabled-text);background-color:var(--input-disabled-bg);border-color:var(--input-disabled-bg)}.input-base.is-invalid{--input-focus-ring:var(--button-danger);--input-placeholder:var(--input-invalid-placeholder);--input-placeholder-hover:var(--input-invalid-placeholder)}.input-base.is-invalid,.input-base.is-invalid:focus,.input-base.is-invalid:hover{background-color:var(--input-invalid-bg);border-color:var(--button-danger);color:var(--input-invalid-text)}.input-small{padding-inline:var(--unit-8)}.input-small:not(textarea){height:var(--input-height-small)}.input-medium{padding-inline:var(--unit-12)}.input-medium:not(textarea){height:var(--input-height-medium)}textarea.input-small{padding-block:var(--unit-8)}textarea.input-medium{padding-block:var(--unit-12)}.input-large{padding:var(--unit-16) var(--unit-24)}.input--ghost{--input-background:transparent;--input-border:var(--border-quaternary);--input-border-hover:var(--border-secondary);--input-invalid-bg:transparent}.input-base[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input-base[type=number]::-webkit-inner-spin-button,.input-base[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.input-base[type=date],.input-base[type=datetime-local],.input-base[type=number],.input-base[type=time]{font-variant-numeric:tabular-nums;font-feature-settings:"kern" 1,"tnum" 1,"liga" 1}.input-base::-webkit-datetime-edit,.input-base::-webkit-datetime-edit-ampm-field,.input-base::-webkit-datetime-edit-day-field,.input-base::-webkit-datetime-edit-fields-wrapper,.input-base::-webkit-datetime-edit-hour-field,.input-base::-webkit-datetime-edit-minute-field,.input-base::-webkit-datetime-edit-month-field,.input-base::-webkit-datetime-edit-second-field,.input-base::-webkit-datetime-edit-text,.input-base::-webkit-datetime-edit-year-field{font-family:inherit;font-size:inherit;font-feature-settings:inherit}.input-base[type=search]::-webkit-search-cancel-button,.input-base[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.input-base::-webkit-calendar-picker-indicator{box-sizing:border-box;width:18px;height:18px;padding:0;margin:0;background:currentColor;-webkit-mask:var(--picker-glyph) center/contain no-repeat;mask:var(--picker-glyph) center/contain no-repeat;cursor:pointer;outline:none}[data-input=keyboard] .input-base::-webkit-calendar-picker-indicator:focus{background:var(--accent-focus)}.input-base[type=date],.input-base[type=datetime-local]{--picker-glyph:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.34' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='4' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}.input-base[type=time]{--picker-glyph:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.34' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}.input-base[type=file]{cursor:pointer;height:auto}.input-base[type=file].input-small{padding-block:var(--unit-8)}.input-base[type=file].input-medium{padding-block:var(--unit-12)}.input-base[type=file]::file-selector-button{height:var(--input-height-small);padding-inline:var(--unit-8);margin-inline-end:var(--unit-8);border:none;border-radius:var(--unit-4);background-color:var(--button-secondary-bg);color:var(--button-secondary-fg);font:inherit;cursor:pointer;transition:background-color var(--transition-faster)}.input-base[type=file]:hover::file-selector-button{background-color:var(--input-file-trigger-hover)}.input-base[type=file]:disabled::file-selector-button{background-color:var(--button-disabled-bg);color:var(--button-disabled-fg);cursor:not-allowed}.input-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:var(--input-max-width);height:max(var(--input-height-small),var(--target-min));background:transparent;cursor:pointer}.input-range::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--range-fill) var(--range-value,0),var(--range-track) var(--range-value,0))}.input-range::-moz-range-track{height:1px;background:linear-gradient(to right,var(--range-fill) var(--range-value,0),var(--range-track) var(--range-value,0))}.input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--unit-16);height:var(--unit-16);margin-top:calc((1px - var(--unit-16))/2);border:none;border-radius:50%;background-color:var(--range-thumb)}.input-range::-moz-range-thumb{width:var(--unit-16);height:var(--unit-16);border:none;border-radius:50%;background-color:var(--range-thumb)}[data-input=keyboard] .input-range:focus-visible{outline:2px solid var(--background-primary);box-shadow:0 0 0 4px var(--range-focus);border-radius:var(--unit-4)}.input-range:hover:not(:disabled){--range-track:var(--range-track-hover);--range-fill:var(--range-fill-hover);--range-thumb:var(--range-thumb-hover)}.input-range::-webkit-slider-thumb{-webkit-transition:background-color var(--transition-faster);transition:background-color var(--transition-faster)}.input-range::-moz-range-thumb{-moz-transition:background-color var(--transition-faster);transition:background-color var(--transition-faster)}.input-range:disabled{cursor:not-allowed}.input-range:disabled::-webkit-slider-runnable-track{background:var(--range-track)}.input-range:disabled::-moz-range-track{background:var(--range-track)}.input-range:disabled::-webkit-slider-thumb{background-color:var(--input-disabled-text)}.input-range:disabled::-moz-range-thumb{background-color:var(--input-disabled-text)}.range-dual:hover:not(:has(.input-range:disabled)){--range-track:var(--range-track-hover);--range-fill:var(--range-fill-hover);--range-thumb:var(--range-thumb-hover)}.input-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--input-height-medium);height:var(--input-height-medium);padding:0;border:none;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer;outline:3px solid var(--background-primary);outline-offset:-2px}.input-color::-webkit-color-swatch-wrapper{padding:0}.input-color::-moz-color-swatch,.input-color::-webkit-color-swatch{border:none;transform:scale(1.2)}.input-color{transition:box-shadow var(--transition-faster)}.input-color:hover:not(:disabled){box-shadow:0 0 0 1px var(--color-border-hover)}[data-input=keyboard] .input-color:focus-visible{outline:2px solid var(--background-primary);box-shadow:0 0 0 4px var(--accent-focus)}.input-color--small{width:var(--input-height-small);height:var(--input-height-small)}.input-checkbox,.input-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;flex-shrink:0;width:var(--unit-24);height:var(--unit-24);border:1px solid var(--_check-border);background-color:var(--_check-bg);cursor:pointer;position:relative;transition:background-color var(--transition-faster),border-color var(--transition-faster);--_check-hit-size:var(--unit-24);--_check-hit:max(0px,calc((var(--target-min) - var(--_check-hit-size))/2))}.input-checkbox:before,.input-radio:before{content:"";position:absolute;inset:calc(var(--_check-hit)*-1)}.input-checkbox:hover:not(:disabled):not(:checked),.input-radio:hover:not(:disabled):not(:checked){border-color:var(--_check-border-hover)}.input-checkbox:checked,.input-radio:checked{background-color:var(--_check-on);border-color:var(--_check-on)}[data-input=keyboard] .input-checkbox:focus-visible,[data-input=keyboard] .input-radio:focus-visible{outline:2px solid var(--background-primary);box-shadow:0 0 0 4px var(--_check-focus)}.input-checkbox:disabled,.input-radio:disabled{background-color:var(--input-disabled-bg);border-color:var(--input-disabled-bg);cursor:not-allowed}.input-checkbox{--_check-bg:var(--checkbox-bg);--_check-border:var(--checkbox-border);--_check-border-hover:var(--checkbox-border-hover);--_check-on:var(--checkbox-on);--_check-glyph:var(--checkbox-glyph);--_check-focus:var(--checkbox-focus);border-radius:var(--unit-2)}.input-checkbox:checked:after{content:"";position:absolute;left:7px;top:3px;width:7px;height:12px;border-right:1px solid var(--_check-glyph);border-bottom:1px solid var(--_check-glyph);transform:rotate(45deg)}.input-checkbox--small:checked:after{left:4px;top:1px;width:5px;height:9px}.input-checkbox:disabled:checked:after{border-color:var(--input-disabled-text)}.input-checkbox--draw:checked:after{content:none}.input-radio{--_check-bg:var(--radio-bg);--_check-border:var(--radio-border);--_check-border-hover:var(--radio-border-hover);--_check-on:var(--radio-on);--_check-glyph:var(--radio-glyph);--_check-focus:var(--radio-focus);border-radius:50%}.input-radio:after{content:"";position:absolute;inset:calc(var(--unit-4)*1.5);border-radius:50%;background-color:var(--_check-glyph);transform:scale(0);transition:transform var(--transition-fast)}.input-radio:checked:after{transform:scale(1)}.input-radio--small:after{inset:var(--unit-4)}.input-radio:disabled:after{background-color:var(--input-disabled-text)}@media(prefers-reduced-motion:reduce){.input-radio:after{transition:none}}.input-checkbox--small,.input-radio--small{width:var(--unit-16);height:var(--unit-16);--_check-hit-size:var(--unit-16)}.input-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:var(--unit-48);height:var(--unit-24);border:none;border-radius:calc(var(--unit-24)/2);background-color:var(--switch-track-off);cursor:pointer;position:relative;transition:background-color var(--transition-fast);--switch-hit-width:var(--unit-48);--switch-hit-height:var(--unit-24);--switch-hit-inline:max(0px,calc((var(--target-min) - var(--switch-hit-width))/2));--switch-hit-block:max(0px,calc((var(--target-min) - var(--switch-hit-height))/2))}.input-switch:before{content:"";position:absolute;inset-block:calc(var(--switch-hit-block)*-1);inset-inline:calc(var(--switch-hit-inline)*-1)}.input-switch:after{content:"";position:absolute;top:var(--unit-4);left:var(--unit-4);width:var(--unit-16);height:var(--unit-16);border-radius:50%;background-color:var(--switch-knob-off);transition:transform var(--transition-fast),background-color var(--transition-fast)}.input-switch:checked{background-color:var(--switch-track-on)}.input-switch:checked:after{transform:translate(var(--unit-24));background-color:var(--switch-knob-on)}.input-switch--small{width:var(--unit-32);height:var(--unit-16);border-radius:calc(var(--unit-16)/2);--switch-hit-width:var(--unit-32);--switch-hit-height:var(--unit-16)}.input-switch--small:after{top:var(--unit-2);left:var(--unit-2);width:var(--unit-12);height:var(--unit-12)}.input-switch--small:checked:after{transform:translate(var(--unit-16))}[data-input=keyboard] .input-switch:focus-visible{outline:2px solid var(--background-primary);box-shadow:0 0 0 4px var(--switch-focus)}.input-switch:disabled{background-color:var(--input-disabled-bg);cursor:not-allowed}.input-switch:disabled:after{background-color:var(--input-disabled-text)}@media(prefers-reduced-motion:reduce){.input-switch:after{transition:none}}.input-label{color:var(--foreground-primary)}.input-wrapper[data-v-4a2a3f1e]{width:100%;display:flex;flex-direction:column}.input-label[data-v-4a2a3f1e]{display:block}.input-group[data-v-4a2a3f1e]{max-width:var(--input-max-width)}.input--has-toggle.input-medium[data-v-4a2a3f1e]{padding-inline-end:calc(var(--unit-12)*2 + 18px)}.input--has-toggle.input-small[data-v-4a2a3f1e]{padding-inline-end:calc(var(--unit-8)*2 + 14px)}.input-toggle[data-v-4a2a3f1e]{position:absolute;inset-block:0;inset-inline-end:0;display:flex;align-items:center;padding-inline:var(--unit-12);background:none;border:0;color:var(--input-text);cursor:pointer;transition:color var(--transition-faster);outline:none;--toggle-hit-width:calc(var(--unit-12)*2 + 18px);--toggle-hit-gap-half:calc(var(--unit-12)/2);--toggle-hit-area:max(0px,calc((var(--target-min) - var(--toggle-hit-width))/2))}.input-toggle[data-v-4a2a3f1e]:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(min(var(--toggle-hit-area),var(--toggle-hit-gap-half))*-1);inset-inline-end:calc(var(--toggle-hit-area)*-1)}.input-toggle[data-v-4a2a3f1e]:hover:not(:disabled){color:var(--input-text-hover)}[data-input=keyboard] .input-toggle[data-v-4a2a3f1e]:focus-visible{color:var(--accent-focus)}.input-toggle.is-invalid[data-v-4a2a3f1e]{color:var(--input-invalid-text)}.input-toggle[data-v-4a2a3f1e]:disabled{color:var(--input-disabled-text);cursor:not-allowed}.input-toggle--small[data-v-4a2a3f1e]{padding-inline:var(--unit-8);--toggle-hit-width:calc(var(--unit-8)*2 + 14px);--toggle-hit-gap-half:calc(var(--unit-8)/2)}.input-toggle .toggle-icon[data-v-4a2a3f1e] svg{width:18px;height:18px}.input-toggle--small .toggle-icon[data-v-4a2a3f1e] svg{width:14px;height:14px}