.fr-ba{background:linear-gradient(180deg,#fff 0,var(--aqua) clamp(140px,16vw,220px),var(--aqua));overflow:hidden;overflow:clip;isolation:isolate}.fr-ba__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(46% 60% at 76% 48%,rgba(60,199,180,.24),transparent 70%),radial-gradient(40% 50% at 6% 4%,rgba(255,255,255,.95),transparent 70%),radial-gradient(30% 40% at 100% 100%,rgba(60,199,180,.12),transparent 70%)}.fr-ba__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);grid-template-areas:"head stage" "body stage";column-gap:clamp(40px,6vw,96px);align-items:center}.fr-ba__head{grid-area:head;align-self:end}.fr-ba__head .fr-title{text-wrap:balance}.fr-ba__head .fr-lead{margin-top:20px;text-wrap:pretty}.fr-ba__body{grid-area:body;align-self:start;margin-top:30px}.fr-ba__stage{grid-area:stage;position:relative}.fr-checklist{display:grid;gap:14px}.fr-checklist li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:500;line-height:1.4;color:var(--navy)}.fr-checklist .fr-icon{flex:none;width:30px;height:30px;padding:6px;border-radius:50%;color:#fff;stroke-width:2.2;background:linear-gradient(135deg,var(--teal),var(--mint));box-shadow:0 8px 16px -8px #0f6b6bcc}.fr-ba__cta{margin-top:32px}.fr-ba__slider{--knob: 58px;--hit: var(--knob);position:relative;aspect-ratio:16 / 11;border-radius:30px;overflow:hidden;isolation:isolate;background:#dfe5e3;user-select:none;-webkit-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 1px #fffffff2,0 0 0 8px #fff6,0 50px 80px -44px #0b2d4d8c}.fr-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.fr-ba__layer img{width:100%;height:100%;object-fit:cover}.fr-ba__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none}.fr-ba__layer--before.fr-ba__layer--art{background:radial-gradient(70% 70% at 50% 42%,#f1f4f3,#e0e6e4 58%,#cdd6d4)}.fr-ba__layer--before .fr-ba__art{filter:saturate(.85)}.fr-ba__layer--after{clip-path:inset(0 0 0 var(--pos))}.fr-ba__layer--after.fr-ba__layer--art{background:radial-gradient(70% 75% at 50% 42%,#fff,#eafaf7 36%,#c4efe7 70%,#9fe2d6)}.fr-ba__bubbles circle{transform-box:fill-box;transform-origin:center;animation:fr-ba-bubble 6s calc(var(--b) * -1.1s) ease-in-out infinite}@keyframes fr-ba-bubble{0%,to{translate:0 0;opacity:.9}50%{translate:4px -16px;opacity:.55}}.fr-ba__shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.6) 48%,transparent 60%);mix-blend-mode:soft-light;translate:-100% 0;animation:fr-ba-shine 5.5s 1.2s var(--ease) infinite}@keyframes fr-ba-shine{0%{translate:-100% 0}45%,to{translate:100% 0}}.fr-sparkle{position:absolute;z-index:2;left:var(--x);top:var(--y);width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;fill:#fff;overflow:visible;filter:drop-shadow(0 0 5px rgba(60,199,180,.95)) drop-shadow(0 0 1px rgba(15,107,107,.7));scale:0;animation:fr-ba-twinkle 2.8s var(--d, 0s) var(--ease) infinite}.fr-sparkle--sm{width:18px;height:18px;margin:-9px 0 0 -9px}@keyframes fr-ba-twinkle{0%,to{scale:0;rotate:0deg}45%{scale:1;rotate:90deg}70%{scale:0;rotate:140deg}}.fr-ba__tag{position:absolute;top:16px;z-index:3;padding:8px 14px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.fr-ba__tag--before{left:16px;background:#0b2d4de0;color:#fff;box-shadow:0 8px 18px -10px #0b2d4dcc}.fr-ba__tag--after{right:16px;background:linear-gradient(135deg,var(--mint),#7fe3d3);color:var(--navy);box-shadow:0 8px 18px -10px #0f6b6bcc}.fr-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:4;width:2px;margin-left:-1px;pointer-events:none;background:linear-gradient(#fff0,#fff 16% 84%,#fff0);box-shadow:0 0 16px #0b2d4d38}.fr-ba__knob{position:absolute;top:50%;left:50%;width:var(--knob);height:var(--knob);translate:-50% -50%;border-radius:50%;display:grid;place-items:center;color:var(--navy);background:linear-gradient(135deg,#b88d34,var(--gold) 42%,var(--gold-hi));box-shadow:0 0 0 4px #ffffffe6,0 16px 30px -10px #0b2d4d80;transition:scale .45s var(--ease-back),box-shadow .3s}.fr-ba__knob svg{width:24px;height:24px}.fr-ba__knob:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:fr-ping2 2.2s infinite}.fr-ba__slider.is-dragging .fr-ba__knob{scale:1.12}.fr-ba__slider.is-touched .fr-ba__knob:before{animation:none;opacity:0}.fr-ba__range:focus-visible+.fr-ba__handle .fr-ba__knob{box-shadow:0 0 0 4px var(--mint),0 0 0 7px #ffffffe6,0 16px 30px -10px #0b2d4d80}.fr-ba__range{position:absolute;z-index:5;top:0;left:calc(var(--hit) / -2);width:calc(100% + var(--hit));height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y}.fr-ba__range::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}.fr-ba__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--hit);height:100%;border:0;background:transparent;cursor:ew-resize}.fr-ba__range::-moz-range-track{height:100%;background:transparent;border:0}.fr-ba__range::-moz-range-thumb{width:var(--hit);height:100%;border:0;border-radius:0;background:transparent;cursor:ew-resize}@media(pointer:coarse){.fr-ba__slider{--hit: 76px}.fr-ba__range{pointer-events:none}.fr-ba__range::-webkit-slider-thumb{pointer-events:auto}.fr-ba__range::-moz-range-thumb{pointer-events:auto}}.fr-ba__hint{position:absolute;z-index:4;left:var(--pos);bottom:16px;translate:-50% 0;pointer-events:none;padding:8px 14px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--navy);background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 22px -12px #0b2d4d80;transition:opacity .5s var(--ease),translate .5s var(--ease)}.fr-ba__slider.is-touched .fr-ba__hint{opacity:0;translate:-50% 10px}html:not(.js) .fr-ba__hint,html:not(.js) .fr-ba__range{display:none}.fr-ba__caption{margin-top:18px;font-size:12.5px;color:var(--ink-soft);opacity:.85;text-align:center}.fr-ba__leaf{position:absolute;z-index:6;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(23,105,58,.3));animation:fr-ba-sway 7s ease-in-out infinite}.fr-ba__leaf--a{width:clamp(54px,6vw,86px);top:30%;right:-18px;rotate:62deg}.fr-ba__leaf--b{width:clamp(38px,4.2vw,60px);bottom:24%;left:-22px;rotate:-118deg;animation-delay:-3s;animation-duration:8s}@keyframes fr-ba-sway{50%{translate:0 -10px;transform:rotate(8deg)}}@media(max-width:1199px){.fr-ba__leaf--a{right:-8px}.fr-ba__leaf--b{left:-10px}}@media(max-width:989px){.fr-ba__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "body"}.fr-ba__head{max-width:640px}.fr-ba__stage{margin-top:40px}.fr-ba__slider{aspect-ratio:16 / 10}.fr-ba__body{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 32px}.fr-ba__cta{margin-top:0}.fr-ba__leaf--a{width:54px;right:-6px}.fr-ba__leaf--b{left:-6px}}@media(max-width:680px){.fr-ba .fr-eyebrow{font-size:12px;letter-spacing:.14em}.fr-ba .fr-title{font-size:clamp(32px,9vw,38px)}.fr-ba__head .fr-lead{margin-top:14px;font-size:15.5px}.fr-ba__stage{margin-top:30px}.fr-ba__slider{--knob: 56px;aspect-ratio:1 / .92;border-radius:24px;box-shadow:0 0 0 1px #fffffff2,0 0 0 6px #fff6,0 36px 60px -36px #0b2d4d8c}.fr-ba__tag{top:14px;padding:7px 12px;font-size:11px}.fr-ba__tag--before{left:14px}.fr-ba__tag--after{right:14px}.fr-ba__hint{bottom:14px}.fr-ba__leaf--a{width:50px;top:34%;right:-10px}.fr-ba__leaf--b{width:36px;left:-10px;bottom:26%}.fr-ba__caption{margin-top:14px}.fr-ba__body{display:block;margin-top:26px}.fr-checklist{gap:10px}.fr-checklist li{gap:14px;padding:13px 16px;border-radius:18px;font-size:15px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #0f6b6b14,0 14px 28px -24px #0b2d4d80}.fr-ba__cta{margin-top:24px}.fr-ba__cta .fr-btn{width:100%}}@media(prefers-reduced-motion:reduce){.fr-ba__shine,.fr-ba__leaf,.fr-sparkle,.fr-ba__knob:before,.fr-ba__bubbles circle{animation:none!important}.fr-sparkle{scale:.8}.fr-ba__shine{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-before-after.css.map */