.sf-vp-box{flex:0 0 100%;box-sizing:border-box;inline-size:100%;min-inline-size:0}.sf-vp{--sf-accent:#2563eb;--sf-text:var(--theme-text-color, #1f2937);--sf-vp-h:40px;--sf-vp-pad:14px;--sf-vp-gap:8px;--sf-vp-font:15px;--sf-vp-w:max(60px, calc(var(--sf-vp-ch, 3) * 1ch + 2 * var(--sf-vp-pad) + 2px));box-sizing:border-box;inline-size:100%;font-size:var(--sf-vp-font);line-height:1.2}.sf-vp .sf-vp__list{display:grid;grid-template-columns:repeat(auto-fill,var(--sf-vp-w));justify-content:start;gap:var(--sf-vp-gap);box-sizing:border-box;margin:0 -2px;padding:2px}.variations .sf-vp .sf-vp__pill{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:100%;min-inline-size:60px;block-size:var(--sf-vp-h);min-block-size:var(--sf-vp-h);margin:0;padding:0 var(--sf-vp-pad);border:1px solid var(--sf-pill-line);border-radius:999px;background:var(--sf-pill,#fff);box-shadow:none;color:var(--sf-text);font:inherit;font-size:var(--sf-vp-font);font-weight:500;line-height:1.2;letter-spacing:normal;text-align:center;text-transform:none;text-decoration:none;white-space:nowrap;font-variant-numeric:normal;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:#fff0;transition:border-color 0.15s ease,background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.variations .sf-vp .sf-vp__pill[hidden]{display:none}@media (hover:hover){.variations .sf-vp .sf-vp__pill:hover:not([aria-checked="true"]){border-color:var(--sf-pill-line-hover);background:var(--sf-pill,#fff);color:var(--sf-accent-ink)}}.variations .sf-vp .sf-vp__pill[aria-checked="true"]{background:var(--sf-accent-soft);border-color:var(--sf-accent);box-shadow:var(--sf-pill-ring);color:var(--sf-accent-ink);font-weight:600}.variations .sf-vp .sf-vp__pill:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.variations .sf-vp .sf-vp__pill:focus:not(:focus-visible){outline:none}.sf-vp--collapsed .sf-vp__pill--extra:not([aria-checked="true"]){display:none!important}.variations .sf-vp__more{display:inline-flex;align-items:center;gap:6px;inline-size:auto;min-block-size:0;margin:6px 0 0;padding:2px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--sf-accent-ink);font:inherit;font-size:14px;font-weight:600;line-height:1.3;text-transform:none;cursor:pointer}.variations .sf-vp__more[hidden]{display:none}.variations .sf-vp__more::after{content:"";inline-size:6px;block-size:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}.variations .sf-vp__more[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}.variations .sf-vp__more:focus-visible{outline:2px solid var(--sf-accent);outline-offset:3px;border-radius:4px}.variations .sf-vp-value{font-weight:600}.variations .sf-vp-select{display:block}.variations .sf-vp-select>select{display:block}@media (scripting:none){.sf-vp{display:none}}@media (scripting:enabled){.variations .sf-vp-select:not(.is-shown){max-block-size:0;overflow:hidden;visibility:hidden;animation:sf-vp-fallback 0s linear 4s forwards}.sf-vp:not(.is-ready){animation:sf-vp-fallback-pills 0s linear 4s forwards}}@keyframes sf-vp-fallback{to{max-block-size:40em;overflow:visible;visibility:visible}}@keyframes sf-vp-fallback-pills{to{max-block-size:0;overflow:hidden;visibility:hidden}}.variations .sf-vp-select>select.sf-vp-native{display:none}@media (max-width:782px),(pointer:coarse){.sf-vp{--sf-vp-h:44px;--sf-vp-font:16px}}@media (max-width:782px){.sf-vp .sf-vp__list{grid-template-columns:repeat(auto-fill,minmax(var(--sf-vp-w),1fr))}}@media (prefers-reduced-motion:reduce){.variations .sf-vp .sf-vp__pill{transition:none}}