.our-constants-carousel__header{margin-bottom:4rem}.our-constants-carousel__heading{margin:0 0 8px;font-weight:700;line-height:1.2}.our-constants-carousel__heading-highlight{color:var(--occ-heading-highlight)}.our-constants-carousel__subheading{margin:0;color:#1d1d1d;line-height:1.2;font-size:22px;font-weight:400}.our-constants-carousel__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:start}@media(min-width:990px){.our-constants-carousel__grid{grid-template-columns:1fr 1.7fr;gap:5rem;align-items:stretch}}.our-constants-carousel__media-col,.our-constants-carousel__content-col{min-width:0}.our-constants-carousel__media-wrap{border-radius:var(--occ-image-radius, 16px);overflow:hidden;position:relative}.our-constants-carousel__media-wrap img,.our-constants-carousel__media-wrap .hdt-placeholder-svg{width:100%;height:auto;display:block;object-fit:cover}.our-constants-carousel__content-col{display:flex;flex-direction:column}.our-constants-carousel__content-slider{order:1}.our-constants-carousel__preview-slider{order:2}.our-constants-carousel__nav{order:3}.our-constants-carousel .our-constants-carousel__content-slider[isfade]:not(.is--enabled) .hdt-slider__slide:first-child,.our-constants-carousel .our-constants-carousel__image-slider[isfade]:not(.is--enabled) .hdt-slider__slide:first-child,.our-constants-carousel .our-constants-carousel__preview-slider[isfade]:not(.is--enabled) .hdt-slider__slide:first-child{opacity:1}.our-constants-carousel .our-constants-carousel__content-slider[isfade].is--enabled .hdt-slider__container,.our-constants-carousel .our-constants-carousel__image-slider[isfade].is--enabled .hdt-slider__container,.our-constants-carousel .our-constants-carousel__preview-slider[isfade].is--enabled .hdt-slider__container{display:grid;grid-template-columns:1fr}.our-constants-carousel .our-constants-carousel__content-slider[isfade].is--enabled .hdt-slider__slide,.our-constants-carousel .our-constants-carousel__image-slider[isfade].is--enabled .hdt-slider__slide,.our-constants-carousel .our-constants-carousel__preview-slider[isfade].is--enabled .hdt-slider__slide{grid-area:1 / 1}.our-constants-carousel [isfade] .hdt-slider__slide{transition:opacity .45s ease}.our-constants-carousel [isfade] .hdt-slider__slide.is-selected{z-index:1}.our-constants-carousel [isfade] .hdt-slider__slide:not(.is-selected){pointer-events:none}.our-constants-carousel__content-slider .hdt-slider__viewport,.our-constants-carousel__image-slider .hdt-slider__viewport,.our-constants-carousel__preview-slider .hdt-slider__viewport{position:relative;overflow:hidden}.our-constants-carousel__preview-slider .hdt-slider__viewport{overflow:unset}.our-constants-carousel__slide-title{margin:0 0 2.4rem;font-weight:700;line-height:1.2;color:#4a4a4a}.our-constants-carousel__slide-desc{margin:0;font-size:2rem;line-height:1.65;color:#4a4a4a}.our-constants-carousel__nav{display:flex;justify-content:flex-end;gap:1.6rem;margin-top:2rem;margin-bottom:0;flex-shrink:0}.our-constants-carousel__nav .hdt-slider__button{position:static;transform:none;width:5rem;height:5rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:1}.our-constants-carousel__nav .hdt-slider__button:disabled{opacity:.25;cursor:not-allowed}.our-constants-carousel__nav .hdt-slider__button svg{width:4rem;height:4rem}.our-constants-carousel__preview-slider{margin-top:2rem}.our-constants-carousel__next-preview{display:flex;gap:1.6rem;padding:24px 16px 16px 24px;background:#fff;border-radius:var(--occ-preview-radius, 32px)}.our-constants-carousel__next-preview-text{flex:1;min-width:0;margin:0;font-size:1.8rem;line-height:1.2;color:#4a4a4a;max-width:calc(100% - 250px);min-height:17rem}.our-constants-carousel__next-preview-media{flex-shrink:0;width:20rem;height:24.7rem;border-radius:16px;overflow:hidden;position:absolute;right:33px;top:10px}.our-constants-carousel__next-preview-media img{width:100%;height:100%;object-fit:cover;display:block}.our-constants-carousel{background:transparent}@media(max-width:989px){.our-constants-carousel__heading{font-size:2.8rem;margin-bottom:16px}.our-constants-carousel__subheading{font-size:16px}.our-constants-carousel__slide-title{font-size:2.2rem;margin-bottom:8px}.our-constants-carousel__slide-desc{font-size:14px}.our-constants-carousel__next-preview-media{width:133px;height:auto;position:unset}.our-constants-carousel__next-preview-media img{width:100%;height:max-content;object-fit:contain}.our-constants-carousel__next-preview-text{max-width:unset;font-size:14px;font-weight:400;min-height:0;padding:16px;background:#f4f6f8;border-radius:16px}.our-constants-carousel__next-preview{padding:0;background:unset;border-radius:unset}.our-constants-carousel__nav{justify-content:center;margin-top:17px}.our-constants-carousel__nav .hdt-slider__button{width:48px;height:48px;border-radius:50%;background:#fffc}.our-constants-carousel__nav .hdt-slider__button svg{width:2.6rem;height:auto}.our-constants-carousel__heading-highlight{padding-left:8px}}@media(min-width:990px){.our-constants-carousel__heading{font-size:4rem}.our-constants-carousel__heading-highlight{margin-left:1rem}.our-constants-carousel__header{margin-bottom:16px}.our-constants-carousel__slide-title{font-size:3.6rem}.our-constants-carousel__content-col{padding-top:1rem;padding-bottom:1rem}.hdt-slider__slide.our-constants-carousel__content-slide{padding-top:50px}.our-constants-carousel__content-slider{order:1}.our-constants-carousel__nav{order:2;margin-top:2rem;margin-bottom:2.4rem}.our-constants-carousel__preview-slider{order:3;margin-top:0}}@media(min-width:768px)and (max-width:1439px){.our-constants-carousel{overflow-x:clip}.our-constants-carousel__heading{font-size:clamp(2.8rem,3.5vw,3.6rem)}.our-constants-carousel__subheading{font-size:clamp(16px,1.8vw,20px)}.our-constants-carousel__grid,.our-constants-carousel__media-col,.our-constants-carousel__content-col{min-width:0}}@media(min-width:990px)and (max-width:1439px){.our-constants-carousel__grid{gap:clamp(2.4rem,3vw,4rem)}.our-constants-carousel__slide-title{font-size:clamp(2.4rem,3vw,3.2rem)}}@media(min-width:1920px){.our-constants-carousel__preview-slider{margin-top:2rem!important}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/our-constants-carousel.css.map */
