.variant-select{position:relative}.variant-select-trigger{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#fff9;border:1px solid #fff9;border-radius:14px;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:inherit;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000d}.variant-select-trigger:hover{background:#ffffffc7}.variant-select-value{text-align:left;min-width:0;color:var(--color-text,#1b1f20);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.variant-select-chevron{color:var(--color-text-muted,#8b95a0);flex-shrink:0;transition:transform .2s}.variant-select-chevron.open{transform:rotate(180deg)}.variant-dot-mini{background:var(--variant-international,#2c5f2d);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #fff9}.variant-select-trigger .variant-flag,.variant-select-option .variant-flag{flex-shrink:0;font-size:1.05rem;line-height:1}.variant-select-menu{z-index:30;-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fffffff5,#ffffffe6);border:1px solid #ffffffb3;border-radius:14px;outline:none;max-height:320px;padding:6px;animation:.14s cubic-bezier(.16,1,.3,1) both variant-menu-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:inset 0 1px #ffffffe6,0 12px 28px -8px #231e142e,0 28px 56px -24px #231e1447}@keyframes variant-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.variant-select-menu.up{animation-name:variant-menu-in-up;top:auto;bottom:calc(100% + 6px)}@keyframes variant-menu-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.variant-select-option{cursor:pointer;width:100%;color:var(--color-text-secondary,#636e72);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:.92rem;font-weight:600;display:flex}.variant-select-option.active{color:var(--color-text,#1b1f20);background:#2c5f2d14}.variant-select-option.selected{color:var(--color-text,#1b1f20)}.variant-select-option-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.variant-select-check{color:var(--color-forest-medium,#3d8b40);flex-shrink:0}.variant-select-divider{background:#00000014;height:1px;margin:6px 8px}@media (prefers-reduced-motion:reduce){.variant-select-menu{animation:none}.variant-select-chevron{transition:none}}
