.image-slider-section{overflow:hidden}.image-slider-header{text-align:center;margin-bottom:40px;padding:0 20px}.image-slider-heading{margin:0 0 12px}.image-slider-heading__highlight{color:var(--Primary, #E30613)}.image-slider-description{margin:0;font-weight:400;color:var(--Black, #1F1F1F)}.image-slider-description p{margin:0}.image-slider__track{--horizontal-slider-gap: 1px}.image-slider__slider-wrapper{position:relative}.image-slider__chevron{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:#ffffff80;border:none;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;opacity:0;pointer-events:none}.image-slider__slider-wrapper:hover .image-slider__chevron.is-visible{opacity:1;pointer-events:auto}.image-slider__chevron:hover{background:#fffc}.image-slider__chevron--prev{left:0}.image-slider__chevron--next{right:0}.image-slider__chevron svg{width:20px;height:20px;color:var(--Black, #1F1F1F)}.image-slider__chevron--prev svg{transform:rotate(180deg)}@media screen and (max-width:749px){.image-slider__chevron{display:none}}.image-pod{flex:0 0 auto;width:260px}.image-pod__media{position:relative;width:100%;background-size:cover;background-position:center;border-radius:0;overflow:hidden;background-color:var(--Black, #1F1F1F)}.image-pod__media:not([style*=background-image]){background-color:var(--Grey-100, #E0E0E0);background-image:none!important}.image-pod__media:not([style*=background-image]):after{content:"No image";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--Grey-400, #999);font-size:14px}.image-pod__expand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:52px;height:52px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--opacity-black-25, rgba(31, 31, 31, .25));border:none;border-radius:0;padding:10px;cursor:pointer;transition:opacity .25s ease,transform .25s ease;pointer-events:auto}.image-pod__expand svg{width:32px;height:32px;flex-shrink:0}.image-pod__bottom-bar{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;padding:40px 20px 20px;align-items:flex-end;gap:16px;align-self:stretch;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);pointer-events:none}.image-pod__creator{display:flex;align-items:center;gap:4px;flex:1;min-width:0;color:var(--White, #FFFFFF);text-decoration:none;pointer-events:auto}.image-pod__creator-at{flex-shrink:0;color:var(--White, #FFFFFF)}.image-pod__creator span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-pod__media:hover .image-pod__creator span{text-decoration:underline}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-modal.is-open{opacity:1;visibility:visible;background:var(--opacity-black-25, rgba(31, 31, 31, .25))}.image-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.image-modal__page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998}.image-modal__container{position:relative;z-index:1;display:flex;height:512px;min-height:512px;align-items:flex-start;background:var(--White, #FFFFFF);overflow:hidden;max-width:90vw}.image-modal__image-side{position:relative;width:512px;height:100%;background:var(--Black, #1F1F1F);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-modal__image{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.image-modal__info-side{display:flex;flex-direction:column;height:100%;width:360px;flex-shrink:0}.image-modal__info-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0 32px}.image-modal__creator-name{font-weight:400}.image-modal__close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--Black, #1F1F1F)}.image-modal__close svg{width:20px;height:20px}.image-modal__description-container{flex:1;overflow-y:auto;padding:20px 32px 12px}.image-modal__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--Black, #1F1F1F);word-break:break-word;overflow-wrap:break-word}.image-modal__description.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible;word-break:break-word;overflow-wrap:break-word}.image-modal__show-more{background:none;border:none;padding:0;margin-top:4px;color:var(--Primary, #E30613);font-family:"Neue Haas Grotesk Display Pro",var(--font-body-family);font-size:16px;font-style:normal;font-weight:500;line-height:24px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;cursor:pointer;transition:color var(--duration-default) ease}.image-modal__show-more:hover{color:var(--Hover, #BF0510)}.image-modal__show-more:focus{outline:none}.image-modal__show-more:focus-visible{outline:none}.image-modal__nav{display:flex;border-top:1px solid var(--Grey-100, #E0E0E0);margin-top:auto}.image-modal__nav-btn{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:14px 20px;background:none;border:none;cursor:pointer;color:var(--Black, #1F1F1F);transition:background-color .2s ease}.image-modal__nav-btn:hover{background:var(--Grey-50, #F2F2F2)}.image-modal__nav-btn--prev{border-right:1px solid var(--Grey-100, #E0E0E0)}.image-modal__nav-btn--prev svg{transform:rotate(180deg)}.image-modal__nav-btn svg{width:20px;height:20px}.image-modal__mobile-close-bar{display:none}.image-modal__close--mobile{color:#fff}.before-after-parent{display:flex;align-items:center;justify-content:center;gap:1px;margin-top:40px;flex-wrap:wrap}.before-after-block-wrapper{display:flex;padding:10px;background-color:#f2f2f2;flex-direction:column;align-items:center;gap:16px;max-width:520px;width:100%;box-sizing:border-box}.before-after-block{display:flex!important;width:100%;max-width:520px;height:520px;flex-direction:column;align-items:flex-start;gap:10px;box-sizing:border-box}.before-after-text-wrapper{display:flex;justify-content:start;align-items:center;gap:10px;width:100%}.before-after-text{color:#1f1f1f;text-align:center;font-family:Neue Haas Grotesk Display Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:24px}@media screen and (min-width:750px)and (max-width:968px){.image-modal__container{flex-direction:column;height:90vh;width:calc(100% - 64px);max-width:480px;min-height:auto}.image-modal__image-side{width:100%;height:auto;flex:1 1 0;min-height:0}.image-modal__image{width:100%;height:100%;object-fit:contain}.image-modal__mobile-close-bar{display:flex;padding:16px;justify-content:flex-end;align-items:center;gap:16px;align-self:stretch;background:linear-gradient(180deg,var(--Black, #1F1F1F) 0%,rgba(31,31,31,0) 100%);position:absolute;top:0;left:0;right:0;z-index:2}.image-modal__info-side{width:100%;height:220px;min-height:220px;flex-shrink:0;overflow-y:auto}.image-modal__info-header .image-modal__close{display:none}.image-modal__info-header{padding:20px 16px 16px}.image-modal__description-container{padding:0 16px 32px}}@media screen and (max-width:749px){.image-slider-section.section--padding{padding-top:64px}.image-slider-header{margin-bottom:32px}.image-modal__container{flex-direction:column;height:90vh;width:calc(100% - 32px);max-width:calc(100% - 32px);margin:0 16px;min-height:auto}.image-modal__image-side{width:100%;height:auto;flex:1 1 0;min-height:0}.image-modal__image{width:100%;height:100%;object-fit:contain}.image-modal__mobile-close-bar{display:flex;padding:16px;justify-content:flex-end;align-items:center;gap:16px;align-self:stretch;background:linear-gradient(180deg,var(--Black, #1F1F1F) 0%,rgba(31,31,31,0) 100%);position:absolute;top:0;left:0;right:0;z-index:2}.image-modal__info-side{width:100%;height:220px;min-height:220px;flex-shrink:0;overflow-y:auto}.image-modal__info-header .image-modal__close{display:none}.image-modal__info-header{padding:20px 16px 16px}.image-modal__description-container{padding:0 16px 32px}.before-after-parent{display:flex;width:100%;max-width:100%;margin-left:auto;margin-right:auto;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin-top:32px}.before-after-block-wrapper{display:flex;width:100%;max-width:100%;padding:10px;flex-direction:column;align-items:center;gap:16px}.before-after-block{display:flex;width:100%;max-width:100%;height:375px;flex-direction:column;align-items:flex-start;gap:10px;box-sizing:border-box}.before-after-text-wrapper{display:flex;justify-content:start;align-items:center;gap:10px;width:100%}.before-after-text{color:#1f1f1f;text-align:center;font-family:Neue Haas Grotesk Display Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:24px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-image-slider.css.map */
