.ctabs{background-color:var(--ctabs-bg, #fff);padding-top:var(--ctabs-pt, 60px);padding-bottom:var(--ctabs-pb, 60px)}.ctabs__inner{max-width:var(--ctabs-max-width, 1200px);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.ctabs__heading{font-size:var(--ctabs-heading-size, 36px);color:var(--ctabs-heading-color, #111);text-align:center;margin:0 0 var(--ctabs-gap-heading-tabs, 24px);letter-spacing:.08em;text-transform:uppercase}.ctabs__nav-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--ctabs-gap-tabs-carousel, 32px)}.ctabs__nav{display:inline-flex;align-items:center;gap:4px;background-color:var(--ctabs-tabs-bg, #f0ece8);border-radius:999px;padding:6px 70px;width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.ctabs__nav::-webkit-scrollbar{display:none}.ctabs__tab{font-size:var(--ctabs-tab-font-size, 15px);color:var(--ctabs-tab-inactive-color, #111);background:transparent;border:1px solid transparent;border-radius:999px;font-family:Proxima Nova,sans-serif;font-weight:500;padding:12px 24px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease;line-height:1.2}.ctabs__tab[data-tab-handle=best-sellers]{margin-left:auto;border:1px solid var(--ctabs-tab-active-bg, #074A37)}.ctabs__tab.is-active{background-color:var(--ctabs-tab-active-bg, #074A37);color:var(--ctabs-tab-active-color, #fff);font-weight:600;font-family:Proxima Nova Semibold,sans-serif}.ctabs__nav-fade{position:absolute;top:50%;transform:translateY(-50%);width:140px;height:100%;pointer-events:none;z-index:1;border-radius:999px}.ctabs__nav-fade--left{left:0;background:linear-gradient(to right,var(--ctabs-tabs-bg, #f0ece8) 20%,transparent)}.ctabs__nav-fade--right{right:0;background:linear-gradient(to left,var(--ctabs-tabs-bg, #f0ece8) 20%,transparent)}.ctabs__nav-fade[hidden]{display:none}.ctabs__nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;z-index:2;color:var(--ctabs-tab-inactive-color, #111)}.ctabs__nav-arrow--prev{left:0;justify-content:center}.ctabs__nav-arrow--next{right:0;justify-content:center}.ctabs__nav-arrow[hidden],.ctabs__panel{display:none}.ctabs__panel.is-active{display:block}.ctabs__carousel-wrap{position:relative}.ctabs__carousel.swiper{overflow:hidden;width:100%}.ctabs__arrow{position:absolute;top:0;background:none;border:none;cursor:pointer;padding:0;color:var(--ctabs-arrow-color, #074A37);width:calc(2 * var(--ctabs-arrow-width, 32px));display:flex;align-items:start;justify-content:start;z-index:2;transition:color .2s ease;height:100%}.ctabs__arrow svg{width:var(--ctabs-arrow-width, 32px);height:var(--ctabs-arrow-height, 105px);margin-top:12vw}.ctabs__arrow,.ctabs__arrow svg{-webkit-tap-highlight-color:transparent}.ctabs__arrow--prev{left:0}.ctabs__arrow--next{right:0;justify-content:end}.ctabs__arrow.is-disabled svg,.ctabs__arrow:disabled svg{fill:#aea9a9}.ctabs__empty{color:#999;font-size:.9rem;padding:24px 0}@media(max-width:767px){.ctabs{padding-top:var(--ctabs-pt-mobile, 32px);padding-bottom:var(--ctabs-pb-mobile, 32px)}.ctabs__inner{padding-left:16px;padding-right:16px}.ctabs__heading{font-size:var(--ctabs-heading-size-mobile, 26px);margin-bottom:var(--ctabs-gap-heading-tabs-mobile, 16px)}.ctabs__nav-wrap{margin-bottom:var(--ctabs-gap-tabs-carousel-mobile, 20px)}.ctabs__nav{padding:6px 32px}.ctabs__tab{font-size:var(--ctabs-tab-font-size-mobile, 13px);padding:8px 16px}.ctabs__nav-fade{width:64px}.ctabs__nav-arrow{width:32px}.ctabs__nav-arrow svg{width:9px}.ctabs__carousel-wrap{padding-left:calc(var(--ctabs-arrow-width-mobile, 24px) + 10px);padding-right:calc(var(--ctabs-arrow-width-mobile, 24px) + 10px);padding-inline:0}.ctabs__arrow{width:var(--ctabs-arrow-width-mobile, 24px);top:20%}.ctabs--hide-arrows-mobile .ctabs__nav-wrap{padding-inline:0}.ctabs--hide-arrows-mobile .ctabs__arrow{display:none}.ctabs--hide-arrows-mobile .ctabs__carousel-wrap{padding-left:0;padding-right:0}.ctabs__arrow svg{width:var(--ctabs-arrow-width-mobile, 24px);height:var(--ctabs-arrow-height-mobile, 80px)}}
/*# sourceMappingURL=/cdn/shop/t/305/assets/collection-tabs.css.map */
