:root{--select-dropdown-width:300px;--select-options-max-height:15rem;--select-caret-size:0.25rem;--select-font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--select-font-size-base:1rem;--select-line-height:1.5;--select-color-text:#333;--select-color-background:#fff;--select-color-border:#ddd;--select-color-border-hover:#aaa;--select-color-border-dark:#666;--select-color-primary:#4299e1;--select-color-primary-rgb:66,153,225;--select-color-hover:#f0f0f0;--select-color-focus:#e6f7ff;--select-color-selected:#e6f7ff;--select-spacing-xs:0.25rem;--select-spacing-sm:0.75rem;--select-spacing-md:1rem;--select-border-radius:0.25rem;--select-box-shadow:0 4px 6px rgba(0,0,0,.1);--select-z-index-dropdown:10;--select-transition-duration:0.2s}dropdown-select{color:var(--select-color-text);display:block;font-family:var(--select-font-family);font-size:var(--select-font-size-base);line-height:var(--select-line-height);margin-bottom:var(--select-spacing-md);position:relative;width:var(--select-dropdown-width)}dropdown-select,dropdown-select *{box-sizing:border-box}dropdown-select[aria-hidden=true] dropdown-options{display:none}dropdown-select-trigger{align-items:center;background-color:var(--select-color-background);border:1px solid var(--select-color-border);border-radius:var(--select-border-radius);cursor:pointer;display:flex;justify-content:space-between;padding:var(--select-spacing-sm) var(--select-spacing-md);transition:border-color var(--select-transition-duration),box-shadow var(--select-transition-duration);width:100%}dropdown-select-trigger:hover{border-color:var(--select-color-border-hover)}dropdown-select-trigger:focus{border-color:var(--select-color-primary);box-shadow:0 0 0 3px rgba(var(--select-color-primary-rgb,66,153,225),.25);outline:none}.dropdown-caret{border-color:var(--select-color-border-dark) transparent transparent;border-style:solid;border-width:var(--select-caret-size) var(--select-caret-size) 0;margin-left:var(--select-spacing-sm);transition:transform var(--select-transition-duration)}dropdown-select:not([direction=up]) dropdown-select-trigger[aria-expanded=true] .dropdown-caret{transform:rotate(180deg)}dropdown-select[direction=up] .dropdown-caret{border-color:transparent transparent var(--select-color-border-dark);border-width:0 var(--select-caret-size) var(--select-caret-size);transform:rotate(180deg)}dropdown-select[direction=up] dropdown-select-trigger[aria-expanded=true] .dropdown-caret{transform:rotate(0)}dropdown-options{background-color:var(--select-color-background);border:1px solid var(--select-color-border);border-radius:var(--select-border-radius);box-shadow:var(--select-box-shadow);left:0;max-height:var(--select-options-max-height);overflow-y:auto;position:absolute;width:100%;z-index:var(--select-z-index-dropdown)}dropdown-select:not([direction=up]) dropdown-options{top:calc(100% + var(--select-spacing-xs))}dropdown-select[direction=up] dropdown-options{bottom:calc(100% + var(--select-spacing-xs));box-shadow:0 -4px 6px rgba(0,0,0,.1)}.dropdown-list{list-style:none;margin:0;padding:0}dropdown-option{cursor:pointer;display:block;padding:var(--select-spacing-sm) var(--select-spacing-md);transition:background-color var(--select-transition-duration)}dropdown-option:hover{background-color:var(--select-color-hover)}dropdown-option:focus{background-color:var(--select-color-focus);box-shadow:inset 0 0 0 2px var(--select-color-primary);outline:none}dropdown-option[aria-selected=true]{background-color:var(--select-color-selected);font-weight:500}.dropdown-hidden-input{height:0;opacity:0;position:absolute;width:0}