.fifty-fifty-banner__container{display:grid;gap:var(--d-sp-xl)}.fifty-fifty-banner__block{display:flex;flex-direction:column}.fifty-fifty-banner__block a{-webkit-tap-highlight-color:transparent}.fifty-fifty-banner__block img{width:100%;height:auto;object-fit:cover;border-radius:var(--d-br-md)}.content__title{margin:0;margin-bottom:var(--d-sp-2xs);color:var(--color-foreground);text-transform:uppercase}.content__subtitle{color:var(--token-foreground-secondary);margin:0}@media screen and (min-width:750px){.fifty-fifty-banner__block>div:has(>a picture)>a picture img,.card-slider--desktop .card-slider__slide a img{transition:transform .4s ease}.fifty-fifty-banner__block>div:has(>a picture)>a:hover picture img,.card-slider--desktop .card-slider__slide a:hover img{transform:scale(1.02)}}@media screen and (max-width:749px){.fifty-fifty-banner__container{flex-direction:column;gap:19px}.fifty-fifty-banner__block{width:100%}}card-slider-component{display:block;position:relative}.card-slider{position:relative;overflow:hidden}.card-slider--desktop{display:block}.card-slider--mobile{display:none}@media screen and (max-width:749px){.card-slider--desktop{display:none}.card-slider--mobile{display:block}}.card-slider__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.card-slider__track::-webkit-scrollbar{display:none}.card-slider__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.card-slider__slide a{display:block;-webkit-tap-highlight-color:transparent}.card-slider__slide img{width:100%;height:auto;object-fit:cover;border-radius:var(--d-br-md);display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-slider__dots{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:17px;padding:0}.card-slider__dot{width:9px;height:9px;padding:0;border-radius:50%;border:none;background:#9b9ba1;cursor:pointer;transition:all .3s ease;outline:none}.card-slider__dot:hover{background:#9ca3af}.card-slider__dot.active{background:var(--primary-background)}@media screen and (max-width:749px){.card-slider__dots{gap:10px;margin-top:19px}.card-slider__dot,.card-slider__dot.active{width:6px;height:6px}}
/*# sourceMappingURL=/cdn/shop/t/222/assets/fifty-fifty-banner.css.map */