.fmcp-before-after{position:relative}.fmcp-before-after--full-width{padding-left:1.5rem;padding-right:1.5rem}.fmcp-before-after__heading{margin:0 0 1.8rem}.fmcp-before-after__title{margin:0;line-height:1.1}.fmcp-before-after__subtitle{margin-top:.8rem;opacity:.84}.fmcp-before-after__inner{max-width:min(100%,var(--fmcp-before-after-max-width, 1200px));margin-left:auto;margin-right:auto}.before-after{--before-after-mobile-buttons-per-view: 3;--before-after-mobile-handle-size: 4.2rem;--before-after-mobile-label-size: 1.6rem;background:#101114;color:#fff;border-radius:1.4rem;overflow:hidden}.before-after__viewport{position:relative;overflow:hidden;aspect-ratio:var(--before-after-aspect-ratio, 16 / 9);min-height:28rem;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#8f8f8f;isolation:isolate}.before-after__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.before-after__after-wrap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--before-after-position, 50%))}.before-after__label{position:absolute!important;top:1.6rem!important;bottom:auto!important;z-index:3;font-size:2.1rem;font-weight:600;letter-spacing:.01em;text-shadow:0 .2rem 1rem rgba(0,0,0,.35);pointer-events:none}.before-after__label--left{left:2.4rem}.before-after__label--right{right:2.4rem}.before-after__shade{position:absolute;left:0;right:0;bottom:0;height:24rem;z-index:1;pointer-events:none;background:linear-gradient(180deg,#10111400,#1011148c 60%,#101114eb)}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.before-after__range::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent;border:0}.before-after__range::-webkit-slider-thumb{-webkit-appearance:none;width:.1rem;height:100%;border:0;background:transparent}.before-after__range::-moz-range-track{width:100%;height:100%;background:transparent;border:0}.before-after__range::-moz-range-thumb{width:.1rem;height:100%;border:0;border-radius:0;background:transparent}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--before-after-position, 50%);transform:translate(-50%);z-index:2;pointer-events:none;width:.2rem;background:#fffffff2}.before-after__handle{position:absolute;top:50%;left:50%;width:4.2rem;height:4.2rem;border-radius:50%;border:.2rem solid rgba(255,255,255,.9);background:#0c0d10cc;color:#fff;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:.3rem;box-shadow:0 .6rem 1.8rem #00000059}.before-after__handle-arrow{font-size:1.9rem;line-height:1}.before-after__range:focus-visible+.before-after__divider .before-after__handle{box-shadow:0 0 0 .3rem #ffffffa6,0 .6rem 1.8rem #00000059}.before-after__footer{position:relative;z-index:2;padding:2.2rem 2.4rem 2.4rem;background:#101114}.before-after__options-title{margin:0 0 1.4rem;font-size:3rem;line-height:1.25;font-weight:500}.before-after__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem}.before-after__option{border:0;border-radius:.8rem;min-height:5.8rem;background:#9f9f9f;color:#515151;padding:1.2rem 1.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;font-size:2.4rem;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.before-after__option:hover{transform:translateY(-.1rem)}.before-after__option:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.before-after__option.is-active{background:#f4f4f4;color:#111}.before-after__option-icon{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center}.before-after__option-icon svg{width:100%;height:100%}.before-after__empty-state{padding:1.4rem 1.6rem;border-top:.1rem dashed rgba(255,255,255,.25);font-size:1.4rem}@media screen and (max-width:989px){.before-after__options-title{font-size:2.3rem}}@media screen and (max-width:749px){.fmcp-before-after--full-width{padding-left:0;padding-right:0}.fmcp-before-after__heading{padding-left:1.5rem;padding-right:1.5rem}.before-after{border-radius:0}.before-after__viewport{aspect-ratio:var(--before-after-aspect-ratio-mobile, var(--before-after-aspect-ratio, 1 / 1));min-height:clamp(24rem,72vw,36rem)}.before-after__label{top:1.2rem!important;font-size:var(--before-after-mobile-label-size, 1.6rem)}.before-after__label--left{left:1.4rem}.before-after__label--right{right:1.4rem}.before-after__footer{padding:1.2rem 1.2rem 1.4rem}.before-after__options-title{margin-bottom:.9rem;font-size:2rem;line-height:1.3}.before-after__options{display:flex;gap:.8rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.before-after__options::-webkit-scrollbar{display:none}.before-after__option{flex:0 0 calc((100% - .8rem * (var(--before-after-mobile-buttons-per-view, 3) - 1)) / var(--before-after-mobile-buttons-per-view, 3));min-width:10rem;width:auto;min-height:5.1rem;padding:.9rem 1rem;font-size:1.5rem;line-height:1.1;scroll-snap-align:start}.before-after__option-icon{width:1.7rem;height:1.7rem}.before-after__handle{width:var(--before-after-mobile-handle-size, 4.2rem);height:var(--before-after-mobile-handle-size, 4.2rem)}.before-after__handle-arrow{font-size:calc(var(--before-after-mobile-handle-size, 4.2rem) * .45)}.before-after__options--mobile-stack{display:grid;grid-template-columns:1fr;overflow:visible;scroll-snap-type:none}.before-after__options--mobile-stack .before-after__option{flex:none;width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/fmcp-before-after.css.map */