.input-base{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);position:relative;box-sizing:border-box;display:flex;align-items:center;color:var(--text-color,inherit);background-color:color-mix(in oklab,var(--bg-color) var(--bg-opacity,0%),transparent);border-color:color-mix(in oklab,var(--border-color) var(--border-opacity),transparent);border-style:var(--tw-border-style);&:is(:where(.group):focus-within *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:is(:where(.group):disabled *){cursor:not-allowed;opacity:.5}&.variant-classic,&.variant-paper{--tw-border-style:solid;border-width:1px}&.variant-paper{--bg-opacity:8%;&:focus-within{--bg-opacity:0%}}&.color-surface{--tw-ring-color:var(--palette-outline);--text-color:var(--palette-on-surface-variant);--tw-ring-offset-color:var(--palette-surface);--border-opacity:100%;--border-color:var(--palette-outline-variant);--bg-color:var(--palette-surface-container)}&.color-primary{--tw-ring-color:var(--palette-primary);--text-color:var(--palette-on-primary-container);--tw-ring-offset-color:var(--palette-primary-container);--border-opacity:100%;--border-color:var(--palette-primary-container);--bg-color:var(--palette-primary-container)}&.color-error,.group[data-error=true] &{--tw-ring-color:var(--palette-error);--tw-ring-offset-color:var(--palette-error-container);--border-opacity:100%;--border-color:var(--palette-error-container);--text-color:var(--palette-on-error-container);--bg-color:var(--palette-error-container)}&.color-secondary{--tw-ring-color:var(--palette-secondary);--text-color:var(--palette-on-secondary-container);--tw-ring-offset-color:var(--palette-secondary-container);--border-opacity:100%;--border-color:var(--palette-secondary-container);--bg-color:var(--palette-secondary-container)}&.color-tertiary{--tw-ring-color:var(--palette-tertiary);--text-color:var(--palette-on-tertiary-container);--tw-ring-offset-color:var(--palette-tertiary-container);--border-opacity:100%;--border-color:var(--palette-tertiary-container);--bg-color:var(--palette-tertiary-container)}&.color-success{--tw-ring-color:var(--palette-success);--text-color:var(--palette-on-success-container);--tw-ring-offset-color:var(--palette-success-container);--border-opacity:100%;--border-color:var(--palette-success-container);--bg-color:var(--palette-success-container)}&.color-warning{--tw-ring-color:var(--palette-warning);--text-color:var(--palette-on-warning-container);--tw-ring-offset-color:var(--palette-warning-container);--border-opacity:100%;--border-color:var(--palette-warning-container);--bg-color:var(--palette-warning-container)}&.color-info{--tw-ring-color:var(--palette-info);--text-color:var(--palette-on-info-container);--tw-ring-offset-color:var(--palette-info-container);--border-opacity:100%;--border-color:var(--palette-info-container);--bg-color:var(--palette-info-container)}}.label{text-overflow:ellipsis;font-size:.85em;color:currentcolor;background-color:transparent}