.xo-featured-collection-tabs__inner{display:flex;flex-direction:column;gap:3.2rem}@media(min-width:992px){.xo-featured-collection-tabs__inner{gap:4.8rem}}.xo-featured-collection-tabs__head{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}@media(min-width:768px){.xo-featured-collection-tabs__head{flex-direction:row;align-items:center;justify-content:space-between;gap:2.4rem}}.xo-featured-collection-tabs__tabs{display:flex;align-items:center;gap:2rem;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}@media(min-width:768px){.xo-featured-collection-tabs__tabs{width:auto}}@media(min-width:992px){.xo-featured-collection-tabs__tabs{gap:3.2rem;cursor:grab}}.xo-featured-collection-tabs__tabs::-webkit-scrollbar{display:none}.xo-featured-collection-tabs__tabs.is-dragging{-webkit-user-select:none;user-select:none;scroll-behavior:auto}@media(min-width:992px){.xo-featured-collection-tabs__tabs.is-dragging{cursor:grabbing}}.xo-featured-collection-tabs__tab{display:inline-block;margin:0;cursor:pointer;white-space:nowrap;opacity:.2;transition:opacity .3s ease}.xo-featured-collection-tabs__tab:hover{opacity:.5}.xo-featured-collection-tabs__tab[xo-active]:not([xo-active=false]){opacity:1}.xo-featured-collection-tabs__tab:focus-visible{outline:.2rem solid color-mix(in srgb,rgba(var(--color-accent)) 100%,transparent);outline-offset:.4rem;opacity:1}.xo-featured-collection-tabs__actions{flex-shrink:0}.xo-featured-collection-tabs__carousel{display:block}.xo-featured-collection-tabs__slide{height:auto}.xo-featured-collection-tabs__pagination-wrap{display:flex;align-items:center;justify-content:center;padding-top:3.2rem}@media(min-width:992px){.xo-featured-collection-tabs__pagination-wrap{padding-top:4.8rem}}.xo-featured-collection-tabs__pagination{display:flex;align-items:center;justify-content:center;gap:.2rem}.xo-featured-collection-tabs__pagination xo-carousel-bullet{display:inline-flex;cursor:pointer}.xo-featured-collection-tabs__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .xo-featured-collection-tabs__bar{width:5.5rem;background-color:color-mix(in srgb,rgba(var(--color-accent)) 100%,transparent)}.xo-featured-collection-tabs__bar{display:block;width:1.8rem;height:.5rem;border-radius:1rem;background-color:color-mix(in srgb,rgba(var(--color-foreground)) 10%,transparent);transition:width .3s ease,background-color .3s ease}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-featured-collection-tabs.css.map */