/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/carousel.scss ***!
  \****************************************************************************************************************************************************************************************************/.section--carousel component-carousel{display:block;width:100%;position:relative;overflow:hidden}.section--carousel component-carousel .swiper{width:100%;overflow:hidden;height:auto;position:relative;aspect-ratio:24/9}@media screen and (max-width: 767px){.section--carousel component-carousel .swiper{aspect-ratio:9/16}}.section--carousel component-carousel .swiper .swiper-wrapper{height:100%;width:100%}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide{position:relative;overflow:hidden;width:100%}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.section--carousel component-carousel .swiper-button-next,.section--carousel component-carousel .swiper-button-prev{display:flex;position:relative;background:#ffffff80;border-radius:.5em;width:47.5px;aspect-ratio:1/1;left:0;right:0;align-items:center;justify-content:center}.section--carousel component-carousel .swiper-button-next:after,.section--carousel component-carousel .swiper-button-prev:after{font-size:15px;color:rgba(var(--color-base-text),1);font-weight:bolder}.section--carousel component-carousel .swiper-button-next{right:0!important}.section--carousel component-carousel .swiper-button-prev{left:0!important}.section--carousel component-carousel .swiper-controls{position:absolute;width:auto;right:5%;bottom:1em;display:grid;align-items:center;grid-template-columns:auto 150px auto;grid-column-gap:1em;-moz-column-gap:1em;column-gap:1em;z-index:2}@media screen and (max-width: 767px){.section--carousel component-carousel .swiper-controls{right:1em;grid-template-columns:auto 75px auto}}.section--carousel component-carousel .swiper-pagination{position:relative}.section--carousel component-carousel .swiper-current,.section--carousel component-carousel .swiper-total{color:#fff;font-family:var(--font-body-family),sans-serif}.section--carousel component-carousel .swiper-buttons{position:absolute;left:2em;bottom:1em;display:flex;gap:.5em}.section--carousel component-carousel img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.section--carousel component-carousel img.desktop-image{display:block}.section--carousel component-carousel img.mobile-image{display:none}@media screen and (max-width: 767px){.section--carousel component-carousel img.desktop-image{display:none}.section--carousel component-carousel img.mobile-image{display:block}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-carousel-style.css.map */