.sa-before-after{position:relative;overflow-x:hidden}.sa-before-after__intro{max-width:62rem;margin:0 auto clamp(2.4rem,5vw,4rem);text-align:center}.sa-before-after__heading{margin:0 0 1.2rem}.sa-before-after__subheading{max-width:46rem;margin:0 auto;color:rgba(var(--color-foreground),.72)}.sa-before-after__subheading p{margin:0}.sa-before-after__stage{position:relative;isolation:isolate}.sa-before-after__blob{position:absolute;z-index:0;border-radius:50%;filter:blur(48px);pointer-events:none}.sa-before-after__blob--a{top:-8%;left:-8%;width:42%;aspect-ratio:1 / 1;background:radial-gradient(circle,rgba(var(--color-button),.24),rgba(var(--color-button),0) 70%)}.sa-before-after__blob--b{right:-10%;bottom:-10%;width:34%;aspect-ratio:1 / 1;background:radial-gradient(circle,#345b9529,#345b9500 70%)}.sa-before-after__panel{position:relative;z-index:1;background:var(--sa-ba-panel-bg, #ffffff);border-radius:var(--sa-ba-panel-radius, 24px);padding:clamp(1rem,2.2vw,1.6rem);max-width:84rem;margin:0 auto}.sa-before-after__media{position:relative;width:100%}.sa-before-after__helper{margin:0}.sa-before-after__frame{position:relative;width:100%;border-radius:calc(var(--sa-ba-panel-radius, 24px) - 8px);overflow:hidden;background:#0000000f;aspect-ratio:var(--sa-ba-ratio-mobile, 4 / 3)}.sa-before-after__images,.sa-before-after__image{position:absolute;top:0;right:0;bottom:0;left:0}.sa-before-after__image{overflow:hidden}.sa-before-after__image--before{width:100%;left:0;right:0;clip-path:inset(0 calc(100% - var(--sa-ba-position, 50%)) 0 0)}@supports not (clip-path: inset(0 0 0 0)){.sa-before-after__image--before{width:var(--sa-ba-position, 50%);right:auto}}.sa-before-after__image img,.sa-before-after__image svg{width:100%;height:100%;object-fit:cover;display:block}.sa-before-after__labels{position:absolute;top:1.4rem;left:0;right:0;z-index:2;pointer-events:none}.sa-before-after__label{display:inline-flex;align-items:center;gap:.5rem;color:var(--sa-ba-label-color, #ffffff);font-size:var(--sa-type-global-size-05, 1.2rem);font-weight:var(--sa-type-global-weight-04, 600);letter-spacing:var(--sa-type-global-track-11, .01em);text-transform:uppercase;padding:.55rem 1.2rem;border-radius:var(--sa-radius-pill, 999px);position:absolute;top:0;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .2s ease}.sa-before-after__label:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85;flex:none}.sa-before-after__label--before{background:var(--sa-ba-label-bg-before, #345b95);left:1.2rem}.sa-before-after__label--after{background:var(--sa-ba-label-bg-after, #ff914d);left:var(--sa-ba-label-after-left, calc(var(--sa-ba-position, 50%) + .6rem))}.sa-before-after__frame--hide-after .sa-before-after__label--after{opacity:0}.sa-before-after__handle{position:absolute;top:0;bottom:0;left:var(--sa-ba-position, 50%);width:3px;background:var(--sa-ba-handle-fill, #ffffff);box-shadow:0 0 0 1px #00000014,0 0 24px #ffffff59;transform:translate(-1px);z-index:2;pointer-events:none}.sa-before-after__handle-inner{display:none}.sa-before-after__handle:after{content:"";position:absolute;left:50%;top:50%;width:52px;height:52px;background:var(--sa-ba-handle-fill, #ffffff);border-radius:var(--sa-radius-circle, 50%);box-shadow:0 10px 24px #00000038,0 2px 6px #00000029,inset 0 0 0 1px #fff9;transform:translate(-50%,-50%);transition:box-shadow .3s ease,transform .2s ease}.sa-before-after__handle:before{content:"";position:absolute;left:50%;top:50%;width:13px;height:20px;border-left:2px solid var(--sa-ba-handle-stroke, #111111);border-right:2px solid var(--sa-ba-handle-stroke, #111111);transform:translate(-50%,-50%);z-index:1}.sa-before-after--hint .sa-before-after__handle:after{animation:sa-before-after-handle-glow 1.4s ease-in-out 1}@keyframes sa-before-after-handle-glow{0%,to{box-shadow:0 10px 24px #00000038,0 2px 6px #00000029,inset 0 0 0 1px #fff9,0 0 #ff914d00}50%{box-shadow:0 12px 30px #00000042,0 2px 6px #00000029,inset 0 0 0 1px #fffc,0 0 0 10px #ff914d29,0 0 32px 10px #ff914d59}}.sa-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0;z-index:3;touch-action:pan-y;-webkit-appearance:none;appearance:none}.sa-before-after__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:52px;height:52px}.sa-before-after__range::-moz-range-thumb{width:52px;height:52px;border:0;background:transparent}.sa-before-after__quality-badge{position:absolute;left:1.2rem;bottom:-1.1rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;background:#ffffffeb;color:rgb(var(--color-foreground));border:1px solid rgba(0,0,0,.06);border-radius:var(--sa-radius-pill, 999px);padding:.75rem 1.4rem;font-size:1.2rem;font-weight:800;letter-spacing:.06em;box-shadow:0 14px 30px -12px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sa-before-after__quality-dot{width:8px;height:8px;border-radius:50%;background:#ff914d;box-shadow:0 0 0 4px #ff914d2e;flex:none}.sa-before-after__usp-list{display:flex;flex-direction:column;list-style:none;margin:clamp(2.4rem,4vw,3.2rem) auto 0;padding:0;max-width:56rem}.sa-before-after__usp{display:flex;align-items:center;gap:1.1rem;padding:1.2rem .2rem;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));border-bottom:1px solid rgba(var(--color-foreground),.1)}.sa-before-after__usp:last-child{border-bottom:0}.sa-before-after__usp-icon{width:1.7rem;height:1.7rem;flex:none;color:#ff914d}.sa-before-after__cta{display:flex;justify-content:center;margin-top:clamp(2rem,4vw,2.8rem)}.sa-before-after__button{display:inline-flex;justify-content:center;align-items:center;min-width:16rem;min-height:4.6rem;padding:0 2.2rem;font-size:var(--sa-type-global-size-07, 1.5rem);font-weight:var(--sa-type-global-weight-04, 600);line-height:1;letter-spacing:var(--sa-type-global-track-02, .01em);text-decoration:none;border:1px solid rgba(var(--color-button),.1);border-radius:var(--buttons-radius);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .8rem 1.8rem rgba(var(--color-button),.08);transform:translateY(0);transition:transform .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.sa-before-after__button:before,.sa-before-after__button:after{content:none}.sa-before-after__button:not([aria-disabled=true]):hover{transform:translateY(-1px)}.sa-before-after__button[aria-disabled=true],.sa-before-after__button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.sa-before-after__button:focus-visible{outline:2px solid rgba(var(--color-foreground),.3);outline-offset:2px}@media screen and (max-width:749px){.sa-before-after__blob--b{display:none}.sa-before-after__quality-badge{left:.8rem;bottom:-.9rem;padding:.6rem 1.1rem;font-size:1.05rem}.sa-before-after__usp{font-size:1.25rem;padding:1rem .1rem}}@media screen and (min-width:750px){.sa-before-after__frame{aspect-ratio:var(--sa-ba-ratio-desktop, 4 / 3)}}@media screen and (min-width:990px){.sa-before-after__panel{max-width:90rem;padding:clamp(1.6rem,2vw,2.2rem)}.sa-before-after__panel:before{content:"";position:absolute;top:1.6rem;right:-1.6rem;bottom:-1.6rem;left:1.6rem;z-index:-1;background:var(--sa-ba-panel-bg, #ffffff);border:1px solid rgba(0,0,0,.05);border-radius:var(--sa-ba-panel-radius, 24px);transform:rotate(1.6deg);opacity:.55}.sa-before-after__quality-badge{left:2.4rem;bottom:-1.4rem;padding:.9rem 1.6rem;font-size:1.3rem}.sa-before-after__usp-list{flex-direction:row;justify-content:center;max-width:none}.sa-before-after__usp{flex:1 1 0;justify-content:center;padding:0 2.6rem;border-bottom:0;border-left:1px solid rgba(var(--color-foreground),.14)}.sa-before-after__usp:first-child{border-left:0}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/sa-before-after.css.map */