.media-carousel-details-wrapper{position:relative;width:100%}.media-carousel-details-container{margin-top:10px;width:100%}@media only screen and (min-width:1068px){.media-carousel-details-container{margin-top:10px;margin-bottom:0;padding:0}}.media-carousel-detail{isolation:isolate;border-radius:var(--block-border-radius, 8px);width:100%}.media-carousel-detail-bar{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:12px 16px;background:#fff;border-radius:var(--block-border-radius, 8px);box-shadow:0 1px 3px #00000014;width:100%}.media-carousel-detail-title{font-weight:var(--font-body-medium-weight, 500);font-size:.875rem;line-height:1.4;color:var(--color-heading, #1a1c1d)}.media-carousel-detail-toggle{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.media-carousel-detail-more{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text, #2c2d2e);text-decoration:underline;transition:color .2s ease}.media-carousel-detail-more svg{width:14px;height:14px;flex-shrink:0}.media-carousel-detail-toggle:hover .media-carousel-detail-more{color:var(--color-heading, #1a1c1d)}.media-carousel-detail-bubble{position:absolute;bottom:100%;left:0;right:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:20;pointer-events:none;padding:0 16px 28px}.media-carousel-detail-bubble.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.media-carousel-detail-bubble-content{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 20px #00000026;font-size:.875rem;line-height:1.6;color:var(--color-text, #2c2d2e);position:relative;width:100%}.media-carousel-detail-bubble-content:after{content:"";position:absolute;bottom:-10px;right:80px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}@media only screen and (min-width:1068px){.media-carousel-detail-bubble{padding:0 20px 32px}.media-carousel-detail-bubble-content:after{right:70px}}@media only screen and (max-width:767px){.media-carousel-detail-bubble{padding:0 12px 24px}.media-carousel-detail-bubble-content{padding:14px 16px;font-size:.8125rem}.media-carousel-detail-bubble-content:after{right:70px}}[dir=rtl] .media-carousel-detail-bubble-content:after{right:auto;left:80px}@media only screen and (min-width:1068px){[dir=rtl] .media-carousel-detail-bubble-content:after{left:70px}}.product-single__media-before-after{position:relative;width:100%;border-radius:var(--block-border-radius, 8px);overflow:hidden}@media only screen and (max-width:767px){.product-images--fullwidth-mobile-true .product-single__media-before-after,.product-images--fullwidth-mobile-true .before-after-image--container{border-radius:0!important}.product-images--fullwidth-mobile-true .product-single__media-image{border-radius:0}}.product-single__media-before-after .before-after-image--container,.product-single__media-before-after .before-after-image--media{position:absolute;top:0;left:0;width:100%;height:100%}.product-single__media-before-after .before-after-image--1{z-index:1}.product-single__media-before-after .before-after-image--2{z-index:2;clip-path:inset(0 0 0 var(--percent))}.product-single__media-before-after .before-after-image--image{position:absolute;top:0;left:0;width:100%;height:100%}.product-single__media-before-after .before-after-image--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-images__slide--before-after .before-after-image--slider{pointer-events:none!important}.product-images__slide--before-after .before-after-image--divider-wrapper{position:absolute;top:0;left:var(--percent);width:60px;height:100%;transform:translate(-50%);z-index:9999;cursor:ew-resize;background:transparent}.product-images__slide--before-after .before-after-image--divider{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;pointer-events:none;background:var(--color-heading, #1a1c1d);box-shadow:0 4px 4px #00000040}.product-images__slide--before-after .before-after-image--divider svg rect:first-child{fill:var(--color-heading, #1a1c1d)!important}.product-images__slide--before-after .before-after-image--divider svg rect:not(:first-child){fill:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/36/assets/media-carousel-details.css.map */