.section-content-navigation{--slider-button-arrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17.401" height="14.47" fill="none" aria-hidden="true" class="icon icon-sprite"><path stroke-linecap="square" stroke-linejoin="round" stroke-width="2" d="M1 7.234h15m0 0-4.444 5.834M16 7.234l-4.444-5.833" style="stroke:%23fff;stroke-opacity:1" /></svg>');overflow:hidden;margin:0 auto;padding-right:0}.section-content-navigation .content-selector__container{overflow:hidden}.section-content-navigation content-selector{position:relative;text-align:center;margin:0 calc(var(--spacing-sm-16) * -1)}.swiper:is(.section-content-navigation content-selector){padding:0 var(--spacing-sm-16) 0 var(--spacing-sm-32)}:is(.section-content-navigation content-selector):has(.swiper-button) .swiper:is(.section-content-navigation content-selector){padding:0 var(--spacing-md-56)}:is(.section-content-navigation content-selector)>ul{list-style:none;padding:0;width:auto;display:inline-flex;gap:var(--spacing-xs-8)}@media (min-width: 750px){:is(.section-content-navigation content-selector)>ul{gap:var(--spacing-sm-16)}}:is(:is(.section-content-navigation content-selector)>ul)>li{margin-right:0!important;transition:all .3s}:is(.section-content-navigation content-selector) .swiper-slide{width:auto}.swiper-slide-active:is(:is(.section-content-navigation content-selector) .swiper-slide),.swiper-slide-next:is(:is(.section-content-navigation content-selector) .swiper-slide){pointer-events:all;width:auto}:is(.section-content-navigation content-selector) .swiper-control-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;height:var(--spacing-full);display:block}:is(:is(.section-content-navigation content-selector) .swiper-control-wrapper):before,:is(:is(.section-content-navigation content-selector) .swiper-control-wrapper):after{content:"";background:rgba(var(--color-background-rgb),1);height:100%;position:absolute;top:0;z-index:1}:is(:is(.section-content-navigation content-selector) .swiper-control-wrapper):before{width:var(--spacing-md-48);background:linear-gradient(270deg,rgba(var(--color-foreground-rgb),0),rgba(var(--color-background-rgb),1) 75% 100%);left:0}:is(:is(.section-content-navigation content-selector) .swiper-control-wrapper):after{width:var(--spacing-md-64);background:linear-gradient(90deg,rgba(var(--color-foreground-rgb),0),rgba(var(--color-background-rgb),1) 65% 100%);right:0}@media (min-width: 990px){:is(.section-content-navigation content-selector) .swiper-control-wrapper{display:none}}:is(.section-content-navigation content-selector) .swiper-button{--swiper-button-size: 32px;background-color:transparent;background-color:initial}.swiper-button-prev:is(:is(.section-content-navigation content-selector) .swiper-button){left:var(--spacing-xs-8);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button){right:0;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}.swiper-button-prev:is(:is(.section-content-navigation content-selector) .swiper-button),.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button){border:none;width:var(--swiper-button-size);height:var(--swiper-button-size);margin:0;transform:translateY(-50%);font-size:var(--font-sizes-base-md);color:var(--color-background);position:absolute}:is(.swiper-button-prev:is(:is(.section-content-navigation content-selector) .swiper-button),.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button)):before{content:"";width:var(--swiper-button-size);height:var(--swiper-button-size);background-color:var(--color-foreground);border-radius:var(--border-radius-xs)}:is(.swiper-button-prev:is(:is(.section-content-navigation content-selector) .swiper-button),.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button)):after{font-size:var(--font-sizes-xxxs-mobile);width:var(--swiper-button-size);color:var(--color-background);position:absolute}.swiper-button-prev:is(:is(.section-content-navigation content-selector) .swiper-button):before{position:absolute;left:var(--spacing-sm-16)}.swiper-button-prev:is(:is(.section-content-navigation content-selector) .swiper-button):after{left:var(--spacing-sm-16);right:auto;content:var(--slider-button-arrow);transform:rotate(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2px}.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button){margin-right:var(--spacing-xs-8)}.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button):before{position:absolute;right:var(--spacing-sm-16)}.swiper-button-next:is(:is(.section-content-navigation content-selector) .swiper-button):after{right:var(--spacing-sm-16);left:var(--spacing-sm-16);content:var(--slider-button-arrow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2px}.section-content-navigation content-item{display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-sm-24);border:1px solid var(--color-highlight);height:56px;cursor:pointer;width:-moz-max-content;width:max-content}:is(.section-content-navigation content-item):hover{border-color:var(--color-highlight);background-color:var(--color-highlight)}.active:is(.section-content-navigation content-item){border-color:var(--color-highlight);background-color:var(--color-highlight)}:is(.section-content-navigation content-item) .icon{margin-right:var(--spacing-sm-14)}@media (max-width: 749.98px){.section-content-navigation content-item{height:40px;padding:0 var(--spacing-sm-16)}:is(.section-content-navigation content-item) .icon{margin-right:var(--spacing-xs-8)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yf-section-content-navigation.css.map */