scc-variant-dropdown.select{position:relative;display:flex;width:100%}
scc-variant-dropdown[data-enhanced]>select{display:none!important}
scc-variant-dropdown .scc-variant-dropdown__trigger{display:block;width:100%;text-align:start;text-transform:none;letter-spacing:inherit;font:inherit;cursor:pointer;min-height:44px}
scc-variant-dropdown.select>.icon{position:absolute;z-index:1;inset-inline-end:1.6rem;top:50%;transform:translateY(-50%);pointer-events:none}
scc-variant-dropdown[data-open]{z-index:12}
scc-variant-dropdown[data-open]>.icon{transform:translateY(-50%) rotate(180deg)}
scc-variant-dropdown .scc-variant-dropdown__list{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:2;max-height:min(240px,40vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius,8px);box-shadow:0 7px 18px rgba(0,0,0,.12);padding:4px;scroll-padding:4px}
scc-variant-dropdown .scc-variant-dropdown__list[hidden]{display:none!important}
scc-variant-dropdown .scc-variant-dropdown__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:0;border-radius:max(0px,calc(var(--inputs-radius,8px) - 4px));padding:10px 12px;background:transparent;color:inherit;font:inherit;font-size:inherit;line-height:1.4;text-align:start;text-transform:none;letter-spacing:inherit;cursor:pointer;white-space:normal}
scc-variant-dropdown .scc-variant-dropdown__option[aria-selected=true]{background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:600}
scc-variant-dropdown .scc-variant-dropdown__option[aria-selected=true]::after{content:'✓';flex-shrink:0}
scc-variant-dropdown .scc-variant-dropdown__option:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-2px}
scc-variant-dropdown .scc-variant-dropdown__option:disabled{opacity:.45;cursor:default}
@media(hover:hover){scc-variant-dropdown .scc-variant-dropdown__option:not([aria-selected=true]):hover{background:rgba(var(--color-foreground),.06)}}