.before-after-banner{display:block;background:var(--section-background);padding:var(--mobile-padding-top) var(--mobile-padding-inline) var(--mobile-padding-bottom)}.before-after-banner__inner{width:100%;margin:0 auto}.before-after-banner__inner--page{max-width:var(--page-width)}.before-after-banner__inner--custom{max-width:var(--section-max-width)}.before-after-banner__inner--full{max-width:none}.before-after-banner__content{max-width:var(--content-max-width);margin-right:auto;margin-bottom:var(--content-gap);margin-left:auto;text-align:center}.before-after-banner--align-left .before-after-banner__content{margin-left:0;text-align:left}.before-after-banner--align-right .before-after-banner__content{margin-right:0;text-align:right}.before-after-banner__heading{margin:0;color:var(--heading-color);font-size:var(--mobile-heading-size);line-height:1.12;font-weight:var(--heading-weight)}.before-after-banner__subheading{max-width:75ch;margin:1.2rem auto 0;color:var(--subheading-color);font-size:var(--mobile-subheading-size);line-height:1.55}.before-after-banner--align-left .before-after-banner__subheading{margin-left:0}.before-after-banner--align-right .before-after-banner__subheading{margin-right:0}.before-after-banner__subheading p{margin-top:0;margin-bottom:0}.before-after-banner__subheading p+p{margin-top:.8em}.before-after-banner__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--button-gap);margin-top:2rem}.before-after-banner--align-left .before-after-banner__buttons{justify-content:flex-start}.before-after-banner--align-right .before-after-banner__buttons{justify-content:flex-end}.before-after-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:var(--button-padding-y) var(--button-padding-x);border:var(--button-border-width) solid;border-radius:var(--button-radius);font-size:var(--mobile-button-font-size);line-height:1.2;text-align:center;text-decoration:none;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease,transform var(--duration-short) ease}.before-after-banner__button:hover{transform:translateY(-1px)}.before-after-banner__button--one{background:var(--button-one-background);color:var(--button-one-color);border-color:var(--button-one-border)}.before-after-banner__button--one:hover{background:var(--button-one-hover-background);color:var(--button-one-hover-color);border-color:var(--button-one-hover-border)}.before-after-banner__button--two{background:var(--button-two-background);color:var(--button-two-color);border-color:var(--button-two-border)}.before-after-banner__button--two:hover{background:var(--button-two-hover-background);color:var(--button-two-hover-color);border-color:var(--button-two-hover-border)}.before-after-banner__comparison{position:relative;height:var(--mobile-height);overflow:hidden;border-radius:var(--image-radius);background:var(--image-background);isolation:isolate}.before-after-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.before-after-banner__image--after{z-index:1}.before-after-banner__image--before{z-index:2;width:100%;clip-path:inset(0 calc(100% - var(--slider-position)) 0 0)}.before-after-banner__media,.before-after-banner__placeholder,.before-after-banner__placeholder svg{display:block;width:100%;height:100%}.before-after-banner__media{object-fit:var(--image-fit, cover);object-position:var(--image-position, center center)}.before-after-banner__placeholder{position:relative;background:#f4f4f4;color:#555}.before-after-banner__placeholder svg{object-fit:cover}.before-after-banner__placeholder span{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);padding:.8rem 1.2rem;background:#ffffffdb;color:#333;font-size:1.3rem;line-height:1.25;text-align:center;pointer-events:none}.before-after-banner__labels{position:absolute;left:0;right:0;z-index:3;display:flex;justify-content:space-between;padding:0 var(--label-offset);pointer-events:none}.before-after-banner__labels--top{top:var(--label-offset)}.before-after-banner__labels--bottom{bottom:var(--label-offset)}.before-after-banner__label{display:inline-flex;align-items:center;min-height:2.8rem;padding:.45rem .85rem;border-radius:var(--label-radius);background:var(--label-background);color:var(--label-color);font-size:var(--mobile-label-size);font-weight:700;line-height:1;max-width:45%;overflow-wrap:anywhere}.before-after-banner__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}.before-after-banner__handle{position:absolute;top:0;bottom:0;left:var(--slider-position);z-index:4;display:flex;align-items:center;justify-content:center;width:var(--slider-line-width);transform:translate(-50%);background:var(--slider-line-color);pointer-events:none}.before-after-banner__handle:before{content:"";position:absolute;width:var(--handle-size);height:var(--handle-size);border:.2rem solid var(--handle-border-color);border-radius:50%;background:var(--handle-background);box-shadow:0 .8rem 2.4rem rgba(0,0,0,var(--handle-shadow-opacity))}.before-after-banner__range:focus-visible+.before-after-banner__handle:before{outline:.3rem solid rgba(var(--color-foreground),.55);outline-offset:.3rem}.before-after-banner__grip{position:relative;z-index:1;display:inline-flex;gap:.25rem;align-items:center;justify-content:center}.before-after-banner__grip span{display:block;width:.22rem;height:calc(var(--handle-size) * .28);min-height:1rem;border-radius:999px;background:var(--handle-icon-color)}@media screen and (min-width:750px){.before-after-banner{padding:var(--padding-top) var(--padding-inline) var(--padding-bottom)}.before-after-banner__heading{font-size:var(--heading-size)}.before-after-banner__subheading{font-size:var(--subheading-size)}.before-after-banner__button{font-size:var(--button-font-size)}.before-after-banner__comparison{height:var(--desktop-height)}.before-after-banner__label{font-size:var(--label-size)}}.product-collapsible-rows__inner{margin-inline:auto;width:100%}.product-collapsible-rows__inner--narrow{max-width:92rem}.product-collapsible-rows__title{color:var(--product-collapsible-title-color);font-size:var(--product-collapsible-title-size);line-height:1.2;margin:0 0 1.6rem;text-align:var(--product-collapsible-title-align)}.product-collapsible-rows__panel{background:var(--product-collapsible-panel-background);border:var(--product-collapsible-border-width) solid var(--product-collapsible-border-color);border-radius:var(--product-collapsible-radius);overflow:hidden}.product-collapsible-rows__panel--subtle{box-shadow:0 .2rem 1.2rem rgba(var(--color-foreground),.08)}.product-collapsible-rows__row+.product-collapsible-rows__row{border-top:var(--product-collapsible-border-width) solid var(--product-collapsible-border-color)}.product-collapsible-rows__row summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;min-height:5.6rem;padding:var(--product-collapsible-row-y) var(--product-collapsible-row-x)}.product-collapsible-rows__row summary::-webkit-details-marker{display:none}.product-collapsible-rows__row-title{color:var(--product-collapsible-row-title-color);font-size:var(--product-collapsible-row-title-size);font-weight:700;line-height:1.25;padding-right:2rem}.product-collapsible-rows__icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;transition:transform .18s ease}.product-collapsible-rows__icon .icon-caret{height:.8rem;width:1.4rem}.product-collapsible-rows__row details[open] .product-collapsible-rows__icon{transform:rotate(180deg)}.product-collapsible-rows__content{color:var(--product-collapsible-content-color);font-size:var(--product-collapsible-content-size);line-height:1.6;padding:0 var(--product-collapsible-row-x) var(--product-collapsible-row-y)}.product-collapsible-rows__content>*:first-child{margin-top:0}.product-collapsible-rows__content>*:last-child{margin-bottom:0}.product-collapsible-rows__content img{height:auto;max-width:100%}@media screen and (max-width:749px){.product-collapsible-rows__title{font-size:calc(var(--product-collapsible-title-size) * .86)}.product-collapsible-rows__row summary{min-height:5.2rem}}recently-viewed-products[hidden]{display:none}.recently-viewed-products__empty{margin:0}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map */