:root{--input-surface-up-fill: var(--color-white);--input-surface-hover-fill: var(--color-white);--input-surface-focus-fill: var(--color-white);--input-surface-readonly-fill: rgba(120, 122, 132, .08);--input-surface-disabled-fill: var(--color-gray-100);--shadow-input-up: 0 2px 2px -1px rgba(0, 0, 0, .06), 0 0 0 1px rgba(25, 28, 33, .12), 0 4px 4px -2px rgba(0, 0, 0, .04);--shadow-input-hover: 0 2px 2px -1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(25, 28, 33, .24), 0 4px 4px -2px rgba(0, 0, 0, .06);--shadow-input-focus: 0 0 0 2px var(--color-brand), 0 4px 4px -1px rgba(0, 0, 0, .08), 0 4px 4px -2px rgba(0, 0, 0, .04);--shadow-input-error: 0 0 0 2px var(--color-negative), 0 4px 4px -1px rgba(0, 0, 0, .08), 0 4px 4px -2px rgba(0, 0, 0, .04);--shadow-input-readonly: 0 0 0 1px rgba(120, 122, 132, .24)}[data-theme=dark]{--input-surface-up-fill: var(--color-gray-1100);--input-surface-hover-fill: var(--color-gray-1100);--input-surface-focus-fill: var(--color-gray-1100);--input-surface-readonly-fill: rgba(120, 122, 132, .08);--input-surface-disabled-fill: var(--color-gray-1200);--shadow-input-up: 0 2px 2px -1px rgba(0, 0, 0, .16), 0 0 0 1px rgba(61, 61, 74, .88), 0 4px 4px -2px rgba(0, 0, 0, .24);--shadow-input-hover: 0 2px 2px -1px rgba(0, 0, 0, .32), 0 0 0 1px rgba(120, 122, 132, .48), 0 4px 4px -2px rgba(0, 0, 0, .32);--shadow-input-focus: 0 0 0 2px var(--color-brand), 0 4px 4px -1px rgba(0, 0, 0, .2), 0 4px 4px -2px rgba(0, 0, 0, .12);--shadow-input-error: 0 0 0 2px var(--color-negative), 0 4px 4px -1px rgba(0, 0, 0, .2), 0 4px 4px -2px rgba(0, 0, 0, .12);--shadow-input-readonly: 0 0 0 1px rgba(120, 122, 132, .24)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--input-surface-up-fill: var(--color-gray-1100);--input-surface-hover-fill: var(--color-gray-1100);--input-surface-focus-fill: var(--color-gray-1100);--input-surface-readonly-fill: rgba(120, 122, 132, .08);--input-surface-disabled-fill: var(--color-gray-1200);--shadow-input-up: 0 2px 2px -1px rgba(0, 0, 0, .16), 0 0 0 1px rgba(61, 61, 74, .88), 0 4px 4px -2px rgba(0, 0, 0, .24);--shadow-input-hover: 0 2px 2px -1px rgba(0, 0, 0, .32), 0 0 0 1px rgba(120, 122, 132, .48), 0 4px 4px -2px rgba(0, 0, 0, .32);--shadow-input-focus: 0 0 0 2px var(--color-brand), 0 4px 4px -1px rgba(0, 0, 0, .2), 0 4px 4px -2px rgba(0, 0, 0, .12);--shadow-input-error: 0 0 0 2px var(--color-negative), 0 4px 4px -1px rgba(0, 0, 0, .2), 0 4px 4px -2px rgba(0, 0, 0, .12);--shadow-input-readonly: 0 0 0 1px rgba(120, 122, 132, .24)}}