.select-field{gap:.625rem;min-width:0;display:grid}.select-control{min-width:0;max-width:100%;position:relative}.select-input{appearance:none;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;width:100%;min-width:0;padding-inline-end:3rem;display:flex;overflow:hidden}.select-input:disabled{cursor:not-allowed;opacity:1}.select-chevron{inset-inline-end:1rem;pointer-events:none;background:var(--surface);width:.75rem;height:.75rem;box-shadow:0 0 0 1rem var(--surface);position:absolute;top:50%;transform:translateY(-50%)}.select-input:hover:not(:disabled)+.select-chevron{background:color-mix(in srgb, var(--accent) 8%, var(--surface));box-shadow:0 0 0 1rem color-mix(in srgb, var(--accent) 8%, var(--surface))}@supports (appearance:base-select){.select-input{appearance:base-select}.select-input::picker(select){appearance:base-select}.select-input::picker-icon{display:none}.select-input::picker(select){background:var(--background);max-width:calc(100vw - 2rem);max-height:20rem;box-shadow:0 .5rem 2rem color-mix(in srgb, var(--text) 16%, transparent);border:0;border-radius:0;margin-block:.5rem;padding:.375rem;overflow:auto}.select-input option{overflow-wrap:anywhere;white-space:normal;gap:.75rem;min-height:2.75rem;padding:.625rem .75rem}.select-input option:hover,.select-input option:focus-visible{background:var(--surface);outline-offset:-.125rem}.select-input option:checked{background:color-mix(in srgb, var(--accent) 10%, var(--background))}.select-input option::checkmark{order:1;margin-inline-start:auto}}