.real-segmented-control{position:relative;display:inline-flex;align-items:center;gap:0;max-width:100%;padding:var(--real-segmented-control-padding, var(--padding-2xs));overflow-x:auto;border:var(--real-segmented-control-border-width, var(--style-border-width)) solid var(--real-segmented-control-border, var(--real-border-light, var(--color-border)));border-radius:var(--real-segmented-control-radius, var(--style-border-radius-sm));background:var(--real-segmented-control-background, var(--color-background));box-shadow:0 1px 2px #0000000a;color:var(--real-segmented-control-text, var(--color-foreground));scrollbar-width:none}.real-segmented-control::-webkit-scrollbar{display:none}.real-segmented-control__indicator{position:absolute;inset-block:var(--real-segmented-control-padding, var(--padding-2xs));inset-inline-start:0;z-index:0;width:var(--real-segmented-control-indicator-width, 0);border:var(--style-border-width) solid rgb(0 0 0 / .08);border-radius:var(--real-segmented-control-inner-radius, var(--style-border-radius-xs));background:var(--real-segmented-control-active, var(--color-secondary-button-background));box-shadow:0 1px 2px #0000000f;transform:translate(var(--real-segmented-control-indicator-x, 0));transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1)}.real-segmented-control__indicator.is-instant{transition:none}.real-segmented-control__option{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 var(--padding-lg);border:0;border-radius:var(--real-segmented-control-inner-radius, var(--style-border-radius-xs));appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;color:inherit;cursor:pointer;font:inherit;font-weight:500;line-height:1;white-space:nowrap;transition:color .18s ease;-webkit-tap-highlight-color:transparent}.real-segmented-control__option.is-active{color:var(--real-segmented-control-active-text, var(--color-secondary-button-text))}.real-segmented-control__option:is(:hover,:active){background:transparent}.real-segmented-control__option:focus-visible{outline:2px solid var(--real-segmented-control-focus, var(--color-primary-button-background));outline-offset:3px}@media(prefers-reduced-motion:reduce){.real-segmented-control__indicator{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/real-segmented-control.css.map */