.ctn-tabs{--ctn-ease: cubic-bezier(.25, 1, .5, 1);position:relative;display:block;isolation:isolate;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:24px}.ctn-tabs::-webkit-scrollbar{display:none}tabs-component .ctn-tabs .ctn-tabs__list{position:relative;display:flex;align-items:stretch;width:max-content;min-width:100%;margin:0;padding:0 var(--ctn-radius)}.ctn-tabs--center .ctn-tabs__list{justify-content:center}.ctn-tabs__list:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--ctn-line);background:var(--ctn-accent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--ctn-line-fade, 0%),#000 calc(100% - var(--ctn-line-fade, 0%)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--ctn-line-fade, 0%),#000 calc(100% - var(--ctn-line-fade, 0%)),transparent)}tabs-component .ctn-tabs .ctn-tab{position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:90px;margin:0;padding:12px 24px 14px;border:var(--ctn-line) solid transparent;border-bottom:0;border-radius:var(--ctn-radius) var(--ctn-radius) 0 0;background:none;color:var(--ctn-label);font-weight:500;line-height:1.2;white-space:nowrap;transition:color .2s ease}tabs-component .ctn-tabs.ctn-tabs--stretch .ctn-tab{flex:1 1 0;min-width:max-content;max-width:var(--ctn-tab-max-width, none)}tabs-component .ctn-tabs .ctn-tab.active{color:var(--ctn-active-label)}.ctn-tab>*{position:relative;z-index:2;pointer-events:none}.ctn-tab__icon{display:block;width:auto;max-width:none;height:var(--ctn-icon-size);object-fit:contain}.ctn-tabs--icon-recolor .ctn-tab__icon-wrap{display:block}.ctn-tabs--icon-recolor .ctn-tab__icon{visibility:hidden}.ctn-tabs--icon-recolor .ctn-tab__icon-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ctn-icon-color);-webkit-mask:var(--ctn-icon-url) center / contain no-repeat;mask:var(--ctn-icon-url) center / contain no-repeat}.ctn-tabs--icon-recolor .ctn-tab.active .ctn-tab__icon-wrap:after{background:var(--ctn-icon-active)}.ctn-tab__title{color:var(--ctn-title);font-size:var(--ctn-title-size);font-weight:700;line-height:1;letter-spacing:-.02em;transition:color .2s ease}.ctn-tab.active .ctn-tab__title{color:var(--ctn-active-title)}.ctn-tab__label{font-size:var(--ctn-label-size)}.ctn-tabs--label-gradient .ctn-tab.active .ctn-tab__label{background-image:var(--ctn-active-label-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ctn-indicator{display:none;position:absolute;z-index:1;top:0;bottom:0;left:0;width:var(--ctn-w, 0px);transform:translate(var(--ctn-x, 0px));border:var(--ctn-line) solid var(--ctn-accent);border-bottom:0;border-radius:var(--ctn-radius) var(--ctn-radius) 0 0;background:linear-gradient(180deg,var(--ctn-active-bg) 0%,var(--ctn-active-bg-end) 100%);pointer-events:none}.ctn-tabs.is-ready .ctn-indicator{display:block;transition:transform var(--ctn-speed) var(--ctn-ease),width var(--ctn-speed) var(--ctn-ease)}.ctn-tabs.ctn-no-anim .ctn-indicator{transition:none}.ctn-indicator:before,.ctn-indicator:after{content:"";position:absolute;bottom:0;width:calc(var(--ctn-radius) + 1px);height:var(--ctn-radius)}.ctn-indicator:before{left:calc(-1 * var(--ctn-radius));background:radial-gradient(circle at 0 0,transparent calc(var(--ctn-radius) - var(--ctn-line) - .5px),var(--ctn-accent) calc(var(--ctn-radius) - var(--ctn-line) + .5px),var(--ctn-accent) calc(var(--ctn-radius) - .5px),var(--ctn-active-bg-end) calc(var(--ctn-radius) + .5px))}.ctn-indicator:after{right:calc(-1 * var(--ctn-radius));background:radial-gradient(circle at 100% 0,transparent calc(var(--ctn-radius) - var(--ctn-line) - .5px),var(--ctn-accent) calc(var(--ctn-radius) - var(--ctn-line) + .5px),var(--ctn-accent) calc(var(--ctn-radius) - .5px),var(--ctn-active-bg-end) calc(var(--ctn-radius) + .5px))}tabs-component .ctn-tabs:not(.is-ready) .ctn-tab.active{z-index:1;border-color:var(--ctn-accent);background:linear-gradient(180deg,var(--ctn-active-bg) 0%,var(--ctn-active-bg-end) 100%)}tabs-component .ctn-tabs .ctn-tab:focus-visible{z-index:3;outline:2px solid var(--ctn-accent);outline-offset:-6px}@media(prefers-reduced-motion:reduce){.ctn-tabs.is-ready .ctn-indicator{transition:none}}@media screen and (max-width:767px){tabs-component .ctn-tabs .ctn-tab{min-width:72px;padding:10px 14px 12px}tabs-component .ctn-tabs.ctn-tabs--stretch .ctn-tab{max-width:var(--ctn-tab-max-width-mobile, none)}.ctn-tab__icon{height:var(--ctn-icon-size-mobile)}.ctn-tab__title{font-size:var(--ctn-title-size-mobile)}.ctn-tab__label{font-size:var(--ctn-label-size-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/270/assets/collection-tabs-new.css.map */