.before-after-section{padding-top:calc(var(--ba-pt, 48px) * .75);padding-bottom:calc(var(--ba-pb, 48px) * .75)}@media screen and (min-width:768px){.before-after-section{padding-top:var(--ba-pt, 48px);padding-bottom:var(--ba-pb, 48px)}}.before-after{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch}@media screen and (min-width:768px){.before-after{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:clamp(2rem,5vw,4.5rem)}}.before-after__text{display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width:768px){.before-after__text{justify-content:space-between}}.before-after__title{margin:0;line-height:1.1;color:rgb(var(--color-foreground))}.before-after__title.is-h1{font-size:clamp(30px,4vw,48px)}.before-after__title.is-h2{font-size:clamp(26px,3.4vw,40px)}.before-after__title.is-h3{font-size:clamp(22px,2.8vw,30px)}.before-after__title.is-h4{font-size:clamp(20px,2.4vw,26px)}.before-after__title.is-h5{font-size:clamp(17px,2vw,22px)}.before-after__title.is-h6{font-size:clamp(15px,1.7vw,19px)}.before-after__bottom{display:flex;flex-direction:column;align-items:flex-start}.before-after__desc{margin:0;padding:20px 0;line-height:1.6;max-width:46ch;color:rgba(var(--color-foreground),.8);font-size:calc(var(--ba-desc-size, 16px) * .75)}@media screen and (min-width:768px){.before-after__desc{font-size:var(--ba-desc-size, 16px)}}.before-after__desc p{margin:0 0 1rem}.before-after__desc p:last-child{margin-bottom:0}.before-after__btn{display:inline-block;border:0;border-radius:40px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:600;font-size:calc(var(--ba-desc-size, 16px) * .75);line-height:1.2;text-decoration:none;cursor:pointer;padding:calc(var(--ba-btn-pad, 3) * .35em) calc(var(--ba-btn-pad, 3) * .95em);transition:opacity .2s ease,transform .2s ease}@media screen and (min-width:768px){.before-after__btn{font-size:var(--ba-desc-size, 16px)}}.before-after__btn:hover{opacity:.92;transform:translateY(-1px)}.before-after__compare{position:relative;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y}.before-after__compare--ratio{aspect-ratio:var(--ba-ar-m, 3 / 2)}@media screen and (min-width:768px){.before-after__compare--ratio{aspect-ratio:var(--ba-ar-d, 16 / 10)}}.before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.before-after__after{z-index:1}.before-after__before{z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.before-after__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.before-after__compare--auto .before-after__after{position:relative}.before-after__compare--auto .before-after__after .before-after__img{position:relative;height:auto}.before-after .placeholder{fill:rgba(var(--color-foreground),.25);background-color:rgba(var(--color-foreground),.08)}.before-after__label{position:absolute;bottom:1rem;z-index:3;color:#fff;font-weight:700;font-size:clamp(14px,2vw,20px);text-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none}.before-after__label--before{left:1.25rem}.before-after__label--after{right:1.25rem}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos, 50%);width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 6px #00000059;z-index:4;pointer-events:none}.before-after__handle{position:absolute;top:50%;left:var(--ba-pos, 50%);transform:translate(-50%,-50%);z-index:5;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#222;cursor:ew-resize;box-shadow:0 2px 10px #0000004d;touch-action:none}.before-after__handle:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.before-after__handle-icon{display:grid;place-items:center}.before-after__handle svg{display:block;width:20px;height:20px}.before-after__compare.is-dragging{cursor:ew-resize}
/*# sourceMappingURL=/cdn/shop/t/22/assets/before-after.css.map */