.care-switch-tabs{overflow:hidden;background:var(--care-tabs-bg, #fafafa);color:var(--care-tabs-text, #0e0f12);font-family:var(--base-font-family)}.care-switch-tabs :where(h1,h2,h3,h4,h5,h6,p,li,span,strong,a,button){font-family:var(--base-font-family)}.care-switch-tabs__inner{display:flex;flex-direction:column;align-items:center;gap:40px;padding-block:40px}.care-switch-tabs__header{width:100%}.care-switch-tabs__header--desktop-left{text-align:left}.care-switch-tabs__header--desktop-center{text-align:center}.care-switch-tabs__header--desktop-right{text-align:right}.care-switch-tabs__heading{margin:0;color:var(--care-tabs-heading, #0e0f12);font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0}.care-switch-tabs__tabs-nav{--care-tabs-edge-size: 60px;position:relative;display:flex;width:100%;max-width:100%;justify-content:center}.care-switch-tabs__tabs-viewport{width:max-content;max-width:100%;overflow-x:clip;overflow-y:visible;touch-action:pan-y}.care-switch-tabs__tabs{display:flex;align-items:flex-start;justify-content:flex-start;width:max-content;padding:4px;border-radius:100px;background:var(--care-tabs-tab-bg, rgba(0, 0, 0, .1));will-change:transform;scrollbar-width:none}.care-switch-tabs__tabs::-webkit-scrollbar{display:none}.care-switch-tabs__tabs-nav:before,.care-switch-tabs__tabs-nav:after{position:absolute;top:0;bottom:0;z-index:2;width:var(--care-tabs-edge-size);opacity:0;pointer-events:none;transition:opacity .18s ease;content:""}.care-switch-tabs__tabs-nav:before{left:0;background:linear-gradient(to right,var(--care-tabs-bg, #fafafa) 0%,var(--care-tabs-bg, #fafafa) 24px,transparent 100%)}.care-switch-tabs__tabs-nav:after{right:0;background:linear-gradient(to left,var(--care-tabs-bg, #fafafa) 0%,var(--care-tabs-bg, #fafafa) 24px,transparent 100%)}.care-switch-tabs__tabs-nav.has-overflow-left:before,.care-switch-tabs__tabs-nav.has-overflow-right:after{opacity:1}.care-switch-tabs__tabs-arrow{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--care-tabs-arrow, #0e0f12);opacity:0;pointer-events:none;cursor:pointer;transform:translateY(-50%);transition:opacity .18s ease,color .18s ease}.care-switch-tabs__tabs-arrow--prev{left:0}.care-switch-tabs__tabs-arrow--next{right:0}.care-switch-tabs__tabs-nav.has-overflow-left .care-switch-tabs__tabs-arrow--prev,.care-switch-tabs__tabs-nav.has-overflow-right .care-switch-tabs__tabs-arrow--next{opacity:1;pointer-events:auto}.care-switch-tabs__tab{display:inline-grid;grid-template-areas:"label";place-items:center;height:40px;min-width:0;padding:0 24px;border:0;border-radius:100px;background:transparent;color:var(--care-tabs-tab-text, #6f6f6f);font:inherit;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}.care-switch-tabs__tab:after{content:attr(data-label);grid-area:label;overflow:hidden;font-weight:700;visibility:hidden;white-space:nowrap}.care-switch-tabs__tab-label{display:block;grid-area:label}.care-switch-tabs__tab.is-active{background:var(--care-tabs-tab-active-bg, #0e0f12);color:var(--care-tabs-tab-active-text, #f9f7f4);font-weight:700}@media(hover:hover){.care-switch-tabs__tab:not(.is-active):hover{background:var(--care-tabs-tab-hover-bg, rgba(0, 0, 0, .1));color:var(--care-tabs-tab-hover-text, #0e0f12)}}.care-switch-tabs__tab:focus-visible,.care-switch-tabs__tabs-arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}.care-switch-tabs__empty{margin:0;color:var(--care-tabs-text, #0e0f12);font-size:14px;line-height:1.5}@media(max-width:1024px){.care-switch-tabs__header--mobile-left{text-align:left}.care-switch-tabs__header--mobile-center{text-align:center}.care-switch-tabs__header--mobile-right{text-align:right}.care-switch-tabs__inner{gap:32px;padding-block:32px}.care-switch-tabs__heading{font-size:28px}.care-switch-tabs__tabs-nav{--care-tabs-edge-size: 38px}.care-switch-tabs__tabs-viewport{width:100%;overflow:hidden}.care-switch-tabs__tab{height:36px;padding:0 18px;font-size:13px}.care-switch-tabs__tabs-arrow{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/337/assets/care-switch-tabs.css.map */