.o-native-select{--o-native-select-h:var(--o-control-md);--o-native-select-pl:16px;--o-native-select-pr:36px;--o-native-select-fs:var(--o-text-md);--o-native-select-icon:16px;--o-native-select-bg:var(--o-bg-canvas);max-width:100%;height:var(--o-native-select-h);vertical-align:middle;flex:none;align-items:center;display:inline-flex;position:relative}.o-native-select[data-size=sm]{--o-native-select-h:var(--o-control-sm);--o-native-select-pl:12px;--o-native-select-pr:30px;--o-native-select-fs:var(--o-text-sm);--o-native-select-icon:15px}.o-native-select[data-size=lg]{--o-native-select-h:var(--o-control-lg);--o-native-select-pl:20px;--o-native-select-pr:42px;--o-native-select-fs:var(--o-text-lg);--o-native-select-icon:18px}.o-native-select__control{width:100%;min-width:0;height:100%;padding:0 var(--o-native-select-pr) 0 var(--o-native-select-pl);border-radius:var(--o-radius-pill);background:var(--o-native-select-bg);box-shadow:var(--o-shadow-pill);color:var(--o-fg-1);font-family:var(--o-font-sans);font-size:var(--o-native-select-fs);letter-spacing:-.006em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--o-dur-fast) var(--o-ease-out), box-shadow var(--o-dur-base) var(--o-ease-out);border:0;margin:0;font-weight:550;line-height:1}.o-native-select__control:hover:not(:disabled){--o-native-select-bg:var(--o-bg-sunken)}.o-native-select__control:focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}.o-native-select__control:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.o-native-select__control option{background:var(--o-bg-raised);color:var(--o-fg-1);font-weight:450}.o-native-select__chevron{top:50%;right:calc((var(--o-native-select-pr) - var(--o-native-select-icon)) / 2);width:var(--o-native-select-icon);height:var(--o-native-select-icon);margin-top:calc(var(--o-native-select-icon) / -2);color:var(--o-fg-2);pointer-events:none;position:absolute}@media (pointer:coarse),(max-width:767px){.o-native-select__control{font-size:max(1rem, var(--o-native-select-fs))}}@media (prefers-reduced-motion:reduce){.o-native-select__control{transition-property:background-color,box-shadow}}