.segmented-control{--segmented-control-track: #f5f6f8;--segmented-control-field: color-mix( in srgb, var(--color-background) 82%, var(--segmented-control-track) );--segmented-control-quiet: color-mix( in srgb, var(--color-foreground) 26%, var(--segmented-control-field) );--segmented-control-muted: rgb(var(--color-foreground-rgb) / .28);display:block;width:max-content;max-width:100%;margin-inline:auto}.segmented-control__track{width:max-content;max-width:100%;margin-inline:auto;overflow-x:auto;border-radius:100px;background:var(--segmented-control-track);scrollbar-width:none}.segmented-control__track::-webkit-scrollbar{display:none}.segmented-control__clip{position:relative;display:flex;width:max-content;overflow:hidden;padding:4px;border-radius:inherit}.segmented-control__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--segmented-control-quiet);opacity:0;pointer-events:none}.segmented-control__thumb{position:absolute;z-index:1;top:4px;left:0;height:calc(100% - 8px);border-radius:999px;pointer-events:none}.segmented-control__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground-rgb) / .22);pointer-events:none}.segmented-control__thumb-cap,.segmented-control__thumb-bar{position:absolute;background:var(--segmented-control-muted)}.segmented-control__thumb-cap{top:0;right:0;bottom:0;left:0;border-radius:999px}.segmented-control__thumb-cap:before,.segmented-control__thumb-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-foreground);border-radius:inherit;opacity:1}.segmented-control__thumb-bar{top:0;bottom:0;left:50%;width:100%;border-radius:0;transform-origin:left center;transform:scaleX(0)}.segmented-control__option{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-block-size:2.75rem;margin:0;padding:.75rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--color-foreground);font-family:var(--font-heading--family);font-size:.875rem;font-weight:var(--font-weight-regular);line-height:1.45;white-space:nowrap;cursor:pointer}.segmented-control__label{display:grid}.segmented-control__ink,.segmented-control__inverse{display:inline-flex;grid-area:1 / 1;align-items:center;justify-content:center;gap:.5rem}.segmented-control__ink{color:var(--color-foreground)}.segmented-control__inverse{color:var(--color-background);opacity:0}.segmented-control__option[aria-selected=true] .segmented-control__inverse,.segmented-control__option[aria-pressed=true] .segmented-control__inverse{opacity:1}.segmented-control__option-icon{display:inline-flex;flex-shrink:0;width:1.25rem;height:1.25rem}.segmented-control__option-icon svg{width:100%;height:100%}.segmented-control__option:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem}@media(prefers-reduced-motion:reduce){.segmented-control__thumb,.segmented-control__thumb-cap,.segmented-control__thumb-bar,.segmented-control__inverse{transition:none}}@media(forced-colors:active){.segmented-control__option:focus-visible{outline:.125rem solid transparent}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/segmented-control.css.map */