.xo-scroll-tab-section{width:100%}.xo-scroll-tab__sticky-host{--xo-scroll-tab-text-color: color-mix(in srgb, rgba(var(--color-foreground)) 62%, transparent);--xo-scroll-tab-text-active: color-mix(in srgb, rgba(var(--color-accent)) 100%, transparent);--xo-scroll-tab-border-color: color-mix(in srgb, rgba(var(--color-foreground)) 9%, transparent);--xo-scroll-tab-shadow: 0 .6rem 1.6rem color-mix(in srgb, rgba(var(--color-foreground)) 8%, transparent);--xo-scroll-tab-shadow-strong: 0 .8rem 1.8rem color-mix(in srgb, rgba(var(--color-foreground)) 10%, transparent)}.xo-scroll-tab{width:100%;box-shadow:var(--xo-scroll-tab-shadow, 0 .6rem 1.4rem color-mix(in srgb, rgba(var(--color-foreground)) 8%, transparent))}.xo-scroll-tab__container{display:block}.xo-scroll-tab__sticky-host{display:block;background:rgb(var(--color-background));z-index:var(--xo-scroll-tab-sticky-z-index, 20);border-bottom:1px solid var(--xo-scroll-tab-border-color);box-shadow:var(--xo-scroll-tab-shadow-strong, 0 .8rem 1.8rem color-mix(in srgb, rgba(var(--color-foreground)) 10%, transparent))}.xo-scroll-tab__sticky-host .xo-scroll-tab{transition:margin-top .24s ease,box-shadow .24s ease,background-color .24s ease}.xo-scroll-tab__sticky-host--no-transition .xo-scroll-tab{transition:none}.xo-scroll-tab__sticky-host[xo-is-sticky]:not([xo-is-sticky=false]) .xo-scroll-tab{margin-top:var(--xo-scroll-tab-sticky-offset, 0px);box-shadow:var(--xo-scroll-tab-shadow);background:rgb(var(--color-background))}.xo-scroll-tab__list{display:flex;align-items:center;justify-content:center;gap:2.4rem;width:100%;min-height:5.2rem;overflow-x:auto;white-space:nowrap;padding:0 0 .2rem;margin:0 0 1.6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.xo-scroll-tab__list--left{justify-content:flex-start}.xo-scroll-tab__list--center{justify-content:center}.xo-scroll-tab__list--right{justify-content:flex-end}.xo-scroll-tab__list::-webkit-scrollbar{display:none}.xo-scroll-tab__item{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--xo-scroll-tab-text-color);font-family:var(--font-body-family);font-size:var(--xo-scroll-tab-font-size-desktop, 1.4rem);font-weight:500;line-height:1.2;letter-spacing:.02em;padding:1.2rem 0 1rem;cursor:pointer;transition:color .2s ease,opacity .2s ease;outline:none;scroll-snap-align:start;flex:0 0 auto}.xo-scroll-tab__item:after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:.2rem;border-radius:999px;background:var(--xo-scroll-tab-text-active);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.xo-scroll-tab__item:hover,.xo-scroll-tab__item.is-active{color:var(--xo-scroll-tab-text-active)}.xo-scroll-tab__item:focus-visible{color:var(--xo-scroll-tab-text-active);opacity:1}.xo-scroll-tab__item:hover:after,.xo-scroll-tab__item.is-active:after,.xo-scroll-tab__item:focus-visible:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.xo-scroll-tab__sticky-host .xo-scroll-tab,.xo-scroll-tab__item,.xo-scroll-tab__item:after{transition:none}}@media(max-width:767px){.xo-scroll-tab__list{gap:1.8rem;margin-bottom:1rem;min-height:4.8rem;padding-inline:.2rem}.xo-scroll-tab__item{font-size:var(--xo-scroll-tab-font-size-mobile, 1.3rem);padding:.95rem 0 .8rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/scroll-tab.css.map */