.collection__tile-carousel{max-width:1032px;margin-inline:auto;padding-block:0px 16px;position:relative;--swiper-navigation-size: 14px;--swiper-navigation-top-offset: 50%;--swiper-navigation-sides-offset: 0px;--swiper-navigation-color: #1F2226;width:100%}.collection__tile-carousel__inner{display:flex;align-items:center}@media(min-width:1092px){.collection__tile-carousel__inner{margin-inline:-30px}}@media(max-width:1092px)and (min-width:1032px){.collection__tile-carousel__inner{margin-inline:calc(-.5*(100vw - 1032px))}}.collection__tile-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;column-gap:8px}.collection__tile{position:relative;width:88px;height:88px;background-color:var(--bg-color, #fff);border-radius:8px;display:flex;overflow:hidden}.collection__tile .placeholder_svg{width:100%;height:100%}.collection__tile__image{width:100%;height:100%;object-fit:cover;object-position:center}.collection__tile__text{position:absolute;top:8px;left:8px;width:calc(100% - 12px);font-family:Golos;font-weight:500;font-size:12px;line-height:1.3;letter-spacing:-2%;color:#1f2226;overflow:hidden;text-overflow:ellipsis}.collection__tile__text>*{font-family:Golos;font-weight:500;font-size:12px;line-height:1.3;letter-spacing:-2%;color:#1f2226;overflow:hidden;text-overflow:ellipsis}.collection__tile-carousel :is(.swiper-button-prev,.swiper-button-next){width:30px;height:30px;border-radius:50%;background-color:#f7f7f7;margin:0;display:none;top:0;right:0;bottom:0;left:0;position:relative}.collection__tile-carousel :is(.swiper-button-prev,.swiper-button-next) svg{height:14px;width:auto;aspect-ratio:11 / 20}.collection__tile__link{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}@media(min-width:481px){.collection__tile-carousel .swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;column-gap:16px}}@media(min-width:481px)and (max-width:768px){.collection__tile-carousel__inner{padding-inline:16px}}@media(min-width:769px){.collection__tile-carousel{padding-block:24px}.collection__tile-carousel .swiper{width:calc(100% - 60px)}.collection__tile-carousel :is(.swiper-button-prev,.swiper-button-next){display:flex}}@media(max-width:480px){.collection__tile-carousel .swiper:not(.swiper-initialized){padding-inline-start:16px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/collection__tile-carousel.css.map */