@charset "UTF-8";.before-after-anim-wrapper{display:block;overflow:clip;width:100%;height:100%}.panel-before-after{min-width:1px;min-height:1px;width:var(--ba-size-width);max-width:var(--ba-size-max-width);margin-inline:auto;height:fit-content}.panel-before-after .before-after-inner{border-radius:var(--ba-radius);margin-block:var(--ba-mg-block-start) var(--ba-mg-block-end);margin-inline:var(--ba-mg-inline-start) var(--ba-mg-inline-end);position:relative}@media(max-width:991.98px){.panel-before-after .before-after-inner{margin-block:var(--ba-mg-block-start-mb) var(--ba-mg-block-end-mb);margin-inline:var(--ba-mg-inline-start-mb) var(--ba-mg-inline-end-mb)}}@media(max-width:991.98px){.panel-before-after{width:var(--ba-size-width-mb);max-width:var(--ba-size-max-width-mb)}}.panel-before-after .before-after-content{aspect-ratio:var(--ba-aspect-ratio)}@media(max-width:991.98px){.panel-before-after .before-after-content{aspect-ratio:var(--ba-aspect-ratio-mb)}}.panel-before-after .before-after-content-inner{width:100%;height:100%;color:var(--color-text-heading)}.panel-before-after before-after{--divider-start-radius: calc( var(--img-radius, 0px) + (var(--divider-radius, 0px) - var(--img-radius, 0px)) * var(--edge-start, 1) );--divider-end-radius: calc( var(--img-radius, 0px) + (var(--divider-radius, 0px) - var(--img-radius, 0px)) * var(--edge-end, 1) );overflow:hidden;position:relative;display:block;width:100%;height:100%}.panel-before-after .before-after__tap-layer{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.panel-before-after .before-after-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}[data-design-mode] .panel-before-after .before-after-media{pointer-events:auto}.panel-before-after .before-after-media .before-after-media-inner{border-radius:var(--img-radius);overflow:hidden;width:100%;height:100%;position:relative}.panel-before-after .before-after__cursor-wrapper{--ba-hit-size: 2.75rem;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel-before-after .before-after__cursor-wrapper:before{content:"";position:absolute;z-index:0;inset-block:0;left:clamp(0px,var(--handle-pct, var(--pct, 50%)) - var(--ba-hit-size) / 2,100% - var(--ba-hit-size));width:var(--ba-hit-size);pointer-events:auto;touch-action:pan-y;cursor:col-resize}.panel-before-after .before-after__cursor-row:before{inset-block:auto;inset-inline:0;top:clamp(0px,var(--handle-pct, var(--pct, 50%)) - var(--ba-hit-size) / 2,100% - var(--ba-hit-size));width:auto;height:var(--ba-hit-size);touch-action:pan-x;cursor:row-resize}.panel-before-after .before-after__cursor{height:100%;width:max-content;touch-action:none;transform:translate(-50%,-50%);cursor:default;place-items:center;display:grid;position:absolute;z-index:5;top:50%;left:var(--handle-pct, var(--pct, 50%));pointer-events:none}.panel-before-after .before-after__cursor-drt-row{transform:translate(-50%,-50%);left:50%;top:var(--handle-pct, var(--pct))}.panel-before-after .before-after__handle{--handle-pd-main: 1.5rem;--handle-pd-cross: .5rem;--handle-icon-size: 1.5rem;display:flex;align-items:center;justify-content:center;padding:var(--handle-pd-main) var(--handle-pd-cross);overflow:hidden;background-color:var(--color-background);color:var(--color-text-heading);border-radius:var(--radius-button-input-theme-st);cursor:col-resize;pointer-events:auto}.panel-before-after .before-after__handle:focus-visible{outline-offset:2px}.panel-before-after .before-after__cursor-drt-row .before-after__handle{padding:var(--handle-pd-cross) var(--handle-pd-main);cursor:row-resize}.panel-before-after .before-after__handle-icon{display:block;flex-shrink:0;width:var(--handle-icon-size);height:var(--handle-icon-size)}.panel-before-after before-after[data-direction-column]>.before-after-media:first-of-type{z-index:1;clip-path:inset(0 calc(100% - var(--pct) + var(--divider-width) / 2 * var(--edge-end, 1)) 0 0 round 0 var(--divider-end-radius, 0px) var(--divider-end-radius, 0px) 0)}.panel-before-after before-after[data-direction-column]>.before-after-media:nth-of-type(2){z-index:1;clip-path:inset(0 0 0 calc(var(--pct) + var(--divider-width) / 2 * var(--edge-start, 1)) round var(--divider-start-radius, 0px) 0 0 var(--divider-start-radius, 0px))}.panel-before-after before-after[data-direction-row]>.before-after-media:first-of-type{z-index:1;clip-path:inset(0 0 calc(100% - var(--pct) + var(--divider-width) / 2 * var(--edge-end, 1)) 0 round 0 0 var(--divider-end-radius, 0px) var(--divider-end-radius, 0px))}.panel-before-after before-after[data-direction-row]>.before-after-media:nth-of-type(2){z-index:1;clip-path:inset(calc(var(--pct) + var(--divider-width) / 2 * var(--edge-start, 1)) 0 0 0 round var(--divider-start-radius, 0px) var(--divider-start-radius, 0px) 0 0)}.panel-before-after .before-after-media__label{color:var(--ba_typo-color-normal)}@media(max-width:991.98px){.panel-before-after .before-after__handle{--handle-pd-main: .75rem;--handle-pd-cross: .25rem;--handle-icon-size: 1rem}}.panel-before-after .before-after-media__label{position:absolute;z-index:2;pointer-events:none;top:var(--label-top);bottom:var(--label-bottom);transform:var(--label-transform, none);max-width:calc(100% - var(--ba-pd-inline-start) - var(--ba-pd-inline-end));opacity:1;transition:all var(--trans-duration) var(--trans-easing);background-color:var(--label-bg);padding:var(--label-padding);border-radius:var(--label-radius);overflow-wrap:break-word}@media(max-width:991.98px){.panel-before-after .before-after-media__label{max-width:calc(100% - var(--ba-pd-inline-start-mb) - var(--ba-pd-inline-end-mb))}}.panel-before-after .before-after-media__label.hide{opacity:0}.panel-before-after .product-card-mini{opacity:1;transition:opacity var(--trans-duration) var(--trans-easing)}.panel-before-after .product-card-mini.hide{opacity:0}.panel-before-after .before-after-media-anim{display:block;width:100%;height:100%}.panel-before-after .before-after-media__label-anim,.panel-before-after .before-after-media__label-text,.panel-before-after .before-after-product-anim{display:block}.panel-before-after .before-after-media__product{transition:opacity var(--trans-duration) var(--trans-easing)}.panel-before-after .before-after-media__product{pointer-events:auto}.panel-before-after .before-after-media__label.is-out-of-range,.panel-before-after .before-after-media__product.is-out-of-range{opacity:0;pointer-events:none}.panel-before-after before-after>div:first-of-type .before-after-media__label{left:var(--before-label-left);right:var(--before-label-right)}.panel-before-after before-after>div:nth-of-type(2) .before-after-media__label{left:var(--after-label-left);right:var(--after-label-right)}.panel-before-after .before-after-media__product{--pcm-media-width-mb: 4.5rem;--pcm-gap-mb: .75rem;position:absolute;z-index:2;width:100%;max-width:17.5rem;top:var(--product-top);bottom:var(--product-bottom)}@media(max-width:991.98px){.panel-before-after .before-after-media__product{max-width:10.703rem}}.panel-before-after before-after>div:first-of-type .before-after-media__product{left:var(--before-product-left);right:var(--before-product-right)}.panel-before-after before-after>div:nth-of-type(2) .before-after-media__product{left:var(--after-product-left);right:var(--after-product-right)}.panel-before-after before-after[data-direction-row] .before-after-media__label{transform:var(--before-after-label-transform);max-width:calc(100% - var(--ba-pd-inline-start) - var(--ba-pd-inline-end) - 17.5rem - 2rem)}@media(max-width:991.98px){.panel-before-after before-after[data-direction-row] .before-after-media__label{max-width:calc(100% - var(--ba-pd-inline-start-mb) - var(--ba-pd-inline-end-mb) - 10.703rem - 1rem)}}.panel-before-after before-after[data-direction-row]>div:first-of-type .before-after-media__label,.panel-before-after before-after[data-direction-row]>div:first-of-type .before-after-media__product{top:var(--before-label-product-top);bottom:unset}.panel-before-after before-after[data-direction-row]>div:nth-of-type(2) .before-after-media__label,.panel-before-after before-after[data-direction-row]>div:nth-of-type(2) .before-after-media__product{top:unset;bottom:var(--after-label-product-bottom)}.panel-before-after before-after[data-direction-row]>div:first-of-type .before-after-media__label,.panel-before-after before-after[data-direction-row]>div:nth-of-type(2) .before-after-media__label{left:var(--before-after-label-left);right:var(--before-after-label-right)}.panel-before-after before-after[data-direction-row]>div:first-of-type .before-after-media__product,.panel-before-after before-after[data-direction-row]>div:nth-of-type(2) .before-after-media__product{left:var(--before-after-product-left);right:var(--before-after-product-right)}.panel-before-after before-after[data-direction-column]>div:first-of-type .before-after-media__product{max-width:min(17.5rem,max(50%,var(--pct, 50%)) - var(--ba-pd-inline-start) * 2)}@media(max-width:991.98px){.panel-before-after before-after[data-direction-column]>div:first-of-type .before-after-media__product{max-width:calc(max(50%,var(--pct, 50%)) - var(--ba-pd-inline-start-mb) * 2)}}.panel-before-after before-after[data-direction-column]>div:nth-of-type(2) .before-after-media__product{max-width:min(17.5rem,max(50%,100% - var(--pct, 50%)) - var(--ba-pd-inline-end) * 2)}@media(max-width:991.98px){.panel-before-after before-after[data-direction-column]>div:nth-of-type(2) .before-after-media__product{max-width:calc(max(50%,100% - var(--pct, 50%)) - var(--ba-pd-inline-end-mb) * 2)}}@media(max-width:991.98px){.panel-before-after before-after[data-direction-row] .before-after-media__product{max-width:calc(100% - var(--ba-pd-inline-start-mb) - var(--ba-pd-inline-end-mb))}.panel-before-after before-after[data-direction-row] .before-after-media__label~.before-after-media__product{max-width:50%}.panel-before-after before-after[data-direction-row] .before-after-media__label{max-width:calc(50% - var(--ba-pd-inline-start-mb) - var(--ba-pd-inline-end-mb) - 1rem)}.panel-before-after before-after[data-direction-column] .before-after-media__product,.panel-before-after before-after[data-direction-row] .before-after-media__label~.before-after-media__product{--ba-pcm-media-width-mb: 3.5rem}.panel-before-after before-after[data-direction-column] .before-after-media__product .product-card-mini-title-text-inner,.panel-before-after before-after[data-direction-column] .before-after-media__product .product-card-mini-title-text:after,.panel-before-after before-after[data-direction-row] .before-after-media__label~.before-after-media__product .product-card-mini-title-text-inner,.panel-before-after before-after[data-direction-row] .before-after-media__label~.before-after-media__product .product-card-mini-title-text:after{-webkit-line-clamp:2}.panel-before-after before-after[data-direction-column] .before-after-media__product .product-card-mini .product-card-mini-inner .product-card-mini-content-inner .product-card-mini-media,.panel-before-after before-after[data-direction-row] .before-after-media__label~.before-after-media__product .product-card-mini .product-card-mini-inner .product-card-mini-content-inner .product-card-mini-media{width:var(--ba-pcm-media-width-mb)}.panel-before-after before-after[data-direction-column] .before-after-media__product .product-card-mini .product-card-mini-inner .product-card-mini-content-inner .product-card-mini-info,.panel-before-after before-after[data-direction-row] .before-after-media__label~.before-after-media__product .product-card-mini .product-card-mini-inner .product-card-mini-content-inner .product-card-mini-info{white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}}.panel-before-after .before-after-media__product .overlay--gradient{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/4/assets/panel-before-after-NZeUfSbk.css.map */