@layer base{.file-input{height:calc(var(--size-field,.25rem) * 10);border-radius:var(--radius-field,.25rem);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);background-color:var(--color-base-100);max-width:100%;color:var(--color-base-content);cursor:pointer;align-items:center;padding-inline-end:.75rem;font-size:1rem;display:inline-flex;overflow:hidden}.file-input::file-selector-button{border:0;border-inline-end:1px solid var(--color-base-300);background-color:var(--color-base-200);height:100%;color:var(--color-base-content);cursor:pointer;margin-inline-end:.75rem;padding-inline:1rem;font-size:1rem;font-weight:600;transition:background-color .15s}.file-input::file-selector-button:hover{background-color:var(--color-base-300)}.file-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.file-input:disabled{opacity:var(--disabled-opacity,.5);cursor:default}.file-input-xs{height:calc(var(--size-field,.25rem) * 6);font-size:.75rem}.file-input-sm{height:calc(var(--size-field,.25rem) * 8);font-size:.875rem}.file-input-md{height:calc(var(--size-field,.25rem) * 10);font-size:1rem}.file-input-lg{height:calc(var(--size-field,.25rem) * 12);font-size:1.125rem}.file-input-xl{height:calc(var(--size-field,.25rem) * 14);font-size:1.25rem}}