.seal1-before-after__heading-wrapper{text-align:center;margin-bottom:2.4rem}.seal1-before-after__heading{font-size:4.4rem;font-weight:400;margin:0 0 .8rem}.seal1-before-after__subtext{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.6)}.seal1-before-after__slider{position:relative;display:block;width:100%;max-width:100%;margin:0 auto;aspect-ratio:20 / 9;overflow:hidden;border-radius:1.6rem;border:1px solid #000000;-webkit-user-select:none;user-select:none;touch-action:pan-y}@media screen and (max-width:749px){.seal1-before-after__heading{font-size:2.6rem}.seal1-before-after__slider{aspect-ratio:5 / 3}.seal1-before-after__subtext{font-size:1.4rem}}.seal1-before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.seal1-before-after__layer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.seal1-before-after__layer--before{clip-path:inset(0 calc(100% - var(--position, 50%)) 0 0)}.seal1-before-after__layer--before:after{content:"";position:absolute;top:0;bottom:0;left:var(--position, 50%);width:3px;background:var(--seal1-orange, #f0652a)}.seal1-before-after__handle{position:absolute;top:0;bottom:0;left:var(--position, 50%);width:4rem;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.seal1-before-after__handle-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--seal1-orange, #f0652a);box-shadow:0 2px 8px #0000004d}.seal1-before-after__handle-icon svg{width:1.8rem;height:1.8rem}.seal1-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.seal1-before-after__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4rem;height:100%}.seal1-before-after__range::-moz-range-thumb{width:4rem;height:100%;border:none;background:transparent}.seal1-before-after__captions{display:flex;justify-content:space-between;margin-top:2rem}.seal1-before-after__caption{flex:1;text-align:center;font-size:2.5rem;font-weight:500;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.seal1-before-after__caption{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/seal1-before-after.css.map */