.ef-select{display:inline-block;vertical-align:top;position:relative;height:30px;background:var(--ef-color-surface);text-align:center}.ef-select::after{position:absolute;z-index:2;top:50%;right:7px;width:6px;height:6px;margin-top:-7px;border-style:solid;border-width:2px 2px 0 0;border-color:currentColor currentColor transparent transparent;-webkit-transform:rotate(135deg);transform:rotate(135deg);content:'';pointer-events:none}.ef-select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;margin:0;padding:0 24px 0 13px;line-height:28px;border:none;border-radius:0;background:transparent;color:color-mix(in srgb,var(--ef-color-secondary) 55%,transparent);font-family:var(--ef-font-body);font-size:16px;font-weight:500;text-transform:uppercase;text-align:center;text-align-last:center;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ef-select__control:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.ef-select__control option{color:var(--ef-color-secondary);background-color:var(--ef-color-surface-alt);text-transform:none}@media (min-width:768px){.ef-select{padding:0;border-left:1px solid var(--ef-color-line);border-right:1px solid var(--ef-color-line)}.ef-select::after{right:33px}.ef-select__control{padding:0 40px 0 21px}}