@charset "UTF-8";/*!****************************************************************************************************************************************************************************************************!*\
  !*** 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;border-bottom:1px solid #CDCDCD}@media screen and (max-width: 991px){.section--carousel component-carousel .swiper{aspect-ratio:24/12}}@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%;background-color:var(--background)}.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 a{display:flex;width:100%;align-items:center;height:100%;text-decoration:none}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner .image-wrapper{width:50%;height:100%;position:relative}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner img{width:100%;max-height:80%;top:20%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;z-index:2;bottom:0;left:0;position:relative}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner span{position:relative;width:50%;height:100%;background-color:rgba(var(--color-base-background-primary),1)}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner span div{display:flex;gap:1em;flex-direction:column;justify-content:center;align-items:flex-start;padding:2em 10%;width:100%;height:100%;box-sizing:border-box}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner span div>*{max-width:calc(720px - 10%);box-sizing:border-box}@media screen and (max-width: 991px){.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner span div{padding:1em 5%}}@media screen and (max-width: 767px){.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner a{flex-direction:column-reverse}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner .image-wrapper{width:100%;max-height:50%;position:relative}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner span{min-height:50%;width:-webkit-fill-available;height:auto;max-height:100%}.section--carousel component-carousel .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner span div{padding:1em}}.section--carousel component-carousel .swiper-button-next,.section--carousel component-carousel .swiper-button-prev{display:flex;position:relative;border-radius:.5em;width:45px;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:2em;color:rgba(var(--color-base-solid-button),1);font-weight:bolder}.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}.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;right: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}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-carousel-style.css.map */
