.horizontal-scroll-carousel{display:block;position:relative;width:100%;padding:1.6rem;overflow:hidden;background-color:var(--theme-color-reverse)}@media screen and (min-width: 750px){.horizontal-scroll-carousel{padding:8.4rem 2.4rem 8.4rem 4rem}}.horizontal-scroll-carousel__wrapper{position:sticky;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}@media screen and (min-width: 750px){.horizontal-scroll-carousel__wrapper{flex-direction:row-reverse;align-items:center;gap:4.8rem;height:fit-content}}@media screen and (min-width: 1000px){.horizontal-scroll-carousel__wrapper{gap:8.8rem}}.horizontal-scroll-carousel__media-holder{background-color:var(--background-color, transparent);position:relative;width:100%;aspect-ratio:1/1.25;max-height:50vh}@media screen and (min-width: 768px){.horizontal-scroll-carousel__media-holder{aspect-ratio:.9/1;height:auto;width:calc(50vw - 3.6rem);max-height:90vh}}.horizontal-scroll-carousel__media,.horizontal-scroll-carousel__media-holder hh-banner-video,.horizontal-scroll-carousel__media-carousel,.horizontal-scroll-carousel__media-holder:after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;overflow:hidden}.horizontal-scroll-carousel__media-holder:after{content:"";z-index:2;background-color:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none}.horizontal-scroll-carousel__media-carousel{z-index:3;padding:0 1.6rem;overflow:visible}.horizontal-scroll-carousel__media-carousel .splide__track{height:100%}.horizontal-scroll-carousel__media-slide{display:flex;align-items:center;justify-content:center;padding:2.4rem;width:100%;height:100%}.horizontal-scroll-carousel__media-image{position:relative;aspect-ratio:1/1.25;height:95%}@media screen and (min-width: 750px){.horizontal-scroll-carousel__media-image{position:relative;aspect-ratio:1/1.25;height:85%}}.horizontal-scroll-carousel__media-image img,.horizontal-scroll-carousel__media-image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.horizontal-scroll-carousel__content-holder{position:relative;height:auto;width:100%;margin:1.6rem 0 0}@media screen and (min-width: 750px){.horizontal-scroll-carousel__content-holder{flex:1;padding:0;display:flex;flex-direction:column;overflow:visible;min-height:calc(58vh - 20rem)}}@media screen and (min-width: 1000px){.horizontal-scroll-carousel__content-holder{min-height:calc(100vh - 20rem);max-height:70rem}}@media only screen and (min-width: 600px) and (max-width: 834px) and (min-height: 900px) and (max-height: 1200px){.horizontal-scroll-carousel__content-holder{min-height:40rem}}.vertical-scroll-carousel__heading{width:calc(100% - 10rem)}.horizontal-scroll-carousel__content-carousel{position:relative;width:calc(100% + 4.8rem);height:auto;display:block;margin:3.2rem -2.4rem 0}.horizontal-scroll-carousel__headings-wrapper{display:flex;flex-direction:column;margin:3.2rem 0 2.4rem;gap:2.4rem}.horizontal-scroll-carousel__details-wrapper{position:relative;flex:1;width:auto;margin:2.4rem 0 0;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 1000px){.horizontal-scroll-carousel__headings-wrapper{margin:6.4rem 0 2.4rem;gap:4.8rem}}@media screen and (max-height: 780px){.horizontal-scroll-carousel__headings-wrapper{margin:2rem 0 2.4rem;gap:2rem}}.horizontal-scroll-carousel__content-slide{height:auto;padding:0 2.4rem;width:100%}.horizontal-scroll-carousel__slide-heading{margin:0;padding:0;text-align:left;width:fit-content}.horizontal-scroll-carousel__slide-details{margin:2.4rem 0 0;font-size:1.6rem}@media screen and (min-width: 750px){.horizontal-scroll-carousel__slide-heading{transition:all 1s ease;opacity:.2}.horizontal-scroll-carousel__slide-heading.active{opacity:1}.horizontal-scroll-carousel__slide-details{position:absolute;transition:all .75s ease;opacity:0}.horizontal-scroll-carousel__slide-details.active{opacity:1}}@media screen and (min-width: 1000px){.horizontal-scroll-carousel__slide-heading{font-size:4.8rem}.horizontal-scroll-carousel__slide-details{font-size:2rem}}.horizontal-scroll-carousel__pagination{position:absolute;z-index:5;background-color:var(--theme-color-reverse);top:calc(100% + 2.5rem);right:0;display:flex;flex-direction:row;border-radius:10rem;gap:.4rem;padding:.4rem;transform:translateY(-50%);z-index:1000}.horizontal-scroll-carousel__pagination button{width:.8rem;height:.8rem;border-radius:100%;background-color:var(--theme-color-ink);transition:all .2s ease;opacity:.3}.horizontal-scroll-carousel__pagination button.is-active{width:2.4rem;opacity:1;border-radius:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/1324/assets/section-horizontal-scroll-carousel.css.map */