.horizontal-image-carousel{position:relative;width:100%}.horizontal-image-carousel__viewport{position:relative;overflow:hidden}.horizontal-image-carousel__track{display:flex;gap:var(--hic-gap-mobile, 1rem);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none}.horizontal-image-carousel__track::-webkit-scrollbar{display:none}.horizontal-image-carousel__track.is-snap{scroll-snap-type:x mandatory}.horizontal-image-carousel__track.is-dragging{cursor:grabbing;scroll-behavior:auto}@media screen and (min-width:750px){.horizontal-image-carousel__track{gap:var(--hic-gap-desktop, 1.6rem)}}.horizontal-image-carousel__slide{position:relative;flex:0 0 var(--hic-slide-width-mobile, 83.33%);scroll-snap-align:start;overflow:hidden;isolation:isolate}@media screen and (min-width:750px)and (max-width:989px){.horizontal-image-carousel__slide{flex-basis:var(--hic-slide-width-tablet, 50%)}}@media screen and (min-width:990px){.horizontal-image-carousel__slide{flex-basis:var(--hic-slide-width-desktop, 25%)}}.horizontal-image-carousel__media-link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit}.horizontal-image-carousel__media{position:relative;width:100%;aspect-ratio:var(--hic-aspect-ratio, 3 / 4);overflow:hidden}.horizontal-image-carousel__image,.horizontal-image-carousel__media svg{width:100%;height:100%;object-fit:cover;display:block}.horizontal-image-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hic-overlay-color, transparent);opacity:var(--hic-overlay-opacity, 0);pointer-events:none;z-index:1}.horizontal-image-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;color:var(--hic-text-color, #ffffff);--hic-pad: clamp(1.6rem, 3vw, 3.2rem)}.horizontal-image-carousel__group{position:absolute;display:flex;flex-direction:column;gap:.8rem;max-width:calc(100% - 2 * var(--hic-pad));--hic-tx: 0;--hic-ty: 0;transform:translate(var(--hic-tx),var(--hic-ty))}.horizontal-image-carousel__group>*{pointer-events:auto}.horizontal-image-carousel__group--y-top{top:var(--hic-pad)}.horizontal-image-carousel__group--y-center{top:50%;--hic-ty: -50%}.horizontal-image-carousel__group--y-bottom{bottom:var(--hic-pad)}.horizontal-image-carousel__group--x-left{left:var(--hic-pad);align-items:flex-start;text-align:left}.horizontal-image-carousel__group--x-center{left:50%;--hic-tx: -50%;align-items:center;text-align:center}.horizontal-image-carousel__group--x-right{right:var(--hic-pad);align-items:flex-end;text-align:right}.horizontal-image-carousel__subheading{font-size:calc(var(--hic-subheading-size-mobile, 12) * .1rem);letter-spacing:.1em;text-transform:uppercase;margin:0;color:inherit}.horizontal-image-carousel__heading{font-size:calc(var(--hic-heading-size-mobile, 20) * .1rem);margin:0;line-height:1.2;color:inherit}.horizontal-image-carousel__text{font-size:calc(var(--hic-text-size-mobile, 14) * .1rem);margin:0;color:inherit}@media screen and (min-width:750px){.horizontal-image-carousel__subheading{font-size:calc(var(--hic-subheading-size-desktop, 12) * .1rem)}.horizontal-image-carousel__heading{font-size:calc(var(--hic-heading-size-desktop, 24) * .1rem)}.horizontal-image-carousel__text{font-size:calc(var(--hic-text-size-desktop, 14) * .1rem)}}.horizontal-image-carousel__text>*:first-child{margin-top:0}.horizontal-image-carousel__text>*:last-child{margin-bottom:0}.horizontal-image-carousel__btn{display:inline-block;padding:1rem 2rem;font-size:1.4rem;font-weight:500;text-decoration:none;border-radius:calc(var(--hic-button-radius, 4) * .1rem);transition:opacity .2s ease,background-color .2s ease,color .2s ease;cursor:pointer;border:.1rem solid currentColor}.horizontal-image-carousel__btn--primary{background:rgb(var(--color-button-background, 0, 0, 0));color:rgb(var(--color-button-text, 255, 255, 255));border-color:transparent}.horizontal-image-carousel__btn--secondary{background:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 0, 0, 0));border-color:transparent}.horizontal-image-carousel__btn--outline{background:transparent;color:inherit;border-color:currentColor}.horizontal-image-carousel__btn:hover{opacity:.85}.horizontal-image-carousel__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:5.6rem;height:4rem;padding:0;background:none;border:none;border-radius:0;cursor:pointer;pointer-events:all;z-index:4;color:var(--hic-arrow-color, var(--color-button-swiper));transition:opacity var(--duration-default, .2s);will-change:opacity}@media screen and (min-width:990px){.horizontal-image-carousel--has-arrows .horizontal-image-carousel__arrow{display:inline-block}}.horizontal-image-carousel__arrow svg{width:100%;height:auto;pointer-events:none}.horizontal-image-carousel__arrow.is-disabled{opacity:.5;cursor:default}.horizontal-image-carousel__arrow--prev{left:1rem}.horizontal-image-carousel__arrow--prev svg{transform:scaleX(-1)}.horizontal-image-carousel__arrow--next{right:1rem}@media(hover:hover){.horizontal-image-carousel__arrow:hover{opacity:.7}}.horizontal-image-carousel__hint{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.6rem;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.horizontal-image-carousel__hint-arrow{display:inline-block;animation:hic-hint-arrow 1.6s ease-in-out infinite}@keyframes hic-hint-arrow{0%,to{transform:translate(0)}50%{transform:translate(.6rem)}}@media screen and (min-width:990px){.horizontal-image-carousel--hint-desktop-hide .horizontal-image-carousel__hint{display:none}}.horizontal-image-carousel__track.is-nudging{animation:hic-nudge 1.2s ease .4s 1}@keyframes hic-nudge{0%{transform:translate(0)}30%{transform:translate(-2.4rem)}60%{transform:translate(0)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.horizontal-image-carousel__track,.horizontal-image-carousel__hint-arrow,.horizontal-image-carousel__track.is-nudging{animation:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-horizontal-image-carousel.css.map */