.site-select{display:block;position:relative;min-width:0}
.site-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;inset:50% auto auto 0}
.site-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:49px;padding:12px 15px;border:1px solid #d3d0c7;border-radius:10px;background:#fffefb;color:#20211f;text-align:left;font:500 14px Manrope,system-ui,sans-serif;cursor:pointer}
.site-select-trigger:after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none;transition:transform 140ms ease}
.site-select-trigger[aria-expanded=true]{border-color:#673ab7;box-shadow:0 0 0 3px #673ab712}
.site-select-trigger[aria-expanded=true]:after{transform:rotate(225deg) translate(-2px,-1px)}
.site-select-trigger[aria-invalid=true]{border-color:#a52d39}
.site-select-error{display:block;margin-top:7px;color:#a52d39;font-size:12px;font-weight:500}.site-select-error[hidden]{display:none}
.site-select-trigger:focus-visible{outline:3px solid #673ab7;outline-offset:3px}
.site-select-options{position:fixed;z-index:90;padding:5px;overflow-y:auto;overscroll-behavior:contain;scroll-padding:5px;border:1px solid #d8d4ca;border-radius:12px;background:#fffefb;color:#20211f;box-shadow:0 10px 30px #25211b20;font:500 14px Manrope,system-ui,sans-serif}
.site-select-options[hidden]{display:none}
.site-select-options>[role=option]{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:7px;cursor:pointer}
.site-select-options>[aria-disabled=true]{display:none}
.site-select-options>[aria-selected=true]{color:#552d99;font-weight:750}
.site-select-options>[aria-selected=true]:after{content:'✓';margin-left:auto}
.site-select-options>[role=option]:hover,.site-select-options>.is-active{background:#eee8f7}
@media(max-width:700px){.site-select-trigger,.site-select-options{font-size:16px}.family-demo .site-select-trigger{font-size:13px;min-height:44px;padding:10px}.family-demo .site-select{max-width:160px}}
@media(prefers-reduced-motion:reduce){.site-select-trigger:after{transition:none}}