.ba{--ba-pos: 50%;--ba-ratio: 16 / 9;--ba-radius: 2.4rem;--ba-line: 2px;--ba-grip: 5.6rem;--ba-band: 8rem;--ba-ink: #fff;display:block;position:relative}.ba_stage{position:relative;width:100%;aspect-ratio:var(--ba-ratio);border-radius:var(--ba-radius);border-end-start-radius:var(--ba-radius);overflow:hidden;isolation:isolate;background:var(--color-secondary-background);clip-path:inset(0 0 0 0 round var(--ba-radius) var(--ba-radius) var(--ba-radius) calc(var(--ba-radius)))}.ba_stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff29}.ba_layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:1}.ba_layer img,.ba_layer svg{width:100%;height:100%;object-fit:cover;display:block}.ba_layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ba_scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,var(--ba-overlay, .45)),#0000 55%),linear-gradient(315deg,rgba(0,0,0,var(--ba-overlay, .45)),#0000 42%)}.ba_overlay{position:absolute;z-index:4;top:0;left:0;max-width:min(52rem,62%);padding:clamp(2rem,3vw,4rem);pointer-events:none}.ba_overlay>*{pointer-events:auto}.ba_subheading{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;font-size:1.2rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--ba-ink)}.ba_subheading:before{content:"";width:2.4rem;height:1px;background:currentColor;opacity:.7}.ba_heading{margin:0;color:var(--ba-ink);font-size:clamp(2.4rem,3.6vw,5.2rem);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.ba_head .ba_text p,.ba_head .ba_textli{font-size:clamp(1.4rem,1.5vw,1.8rem)}.ba_text{margin:1.4rem 0 0;max-width:60ch;color:var(--ba-ink);font-size:clamp(1.3rem,1.1vw,1.5rem);line-height:1.6;opacity:.86}.ba_text>*:last-child{margin-bottom:0}.ba_chip{position:absolute;z-index:4;padding:.7rem 1.6rem;border-radius:50px;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ba-ink);font-size:1.1rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:opacity .3s ease}.ba_chip--before{left:clamp(1.6rem,2vw,2.8rem);bottom:clamp(1.6rem,2vw,2.8rem);opacity:clamp(0%,calc((var(--ba-pos) - 12%) * 12),100%)}.ba_chip--after{right:clamp(1.6rem,2vw,2.8rem);top:clamp(1.6rem,2vw,2.8rem);opacity:clamp(0%,calc((88% - var(--ba-pos)) * 12),100%)}.ba_divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--ba-pos);width:var(--ba-line);margin-inline-start:calc(var(--ba-line) / -2);background:linear-gradient(180deg,rgba(255,255,255,.35),var(--ba-ink) 22%,var(--ba-ink) 78%,rgba(255,255,255,.35));pointer-events:none}.ba_grip{position:absolute;top:50%;left:50%;width:var(--ba-grip);height:var(--ba-grip);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:50%;background:var(--ba-ink);color:#111;box-shadow:0 10px 30px #00000047;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,opacity .5s ease .3s}.ba_grip svg{width:1rem;height:1rem;display:block}.ba_grip svg path{fill:currentColor}.ba_stage:hover .ba_grip{transform:translate(-50%,-50%) scale(1.06)}.ba_range{position:absolute;z-index:7;left:0;width:100%;top:50%;height:var(--ba-band);transform:translateY(-50%);margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:none;opacity:0;cursor:ew-resize;touch-action:pan-y}.ba_range::-webkit-slider-runnable-track{height:var(--ba-band);background:transparent}.ba_range::-moz-range-track{height:var(--ba-band);background:transparent}.ba_range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--ba-grip);height:var(--ba-band);border:none;border-radius:0;background:transparent;cursor:ew-resize}.ba_range::-moz-range-thumb{width:var(--ba-grip);height:var(--ba-band);border:none;border-radius:0;background:transparent;cursor:ew-resize}.ba_range:focus-visible{outline:none}.ba_range:focus-visible~.ba_divider .ba_grip{outline:3px solid var(--ba-ink);outline-offset:4px;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 6px #00000059,0 10px 30px #00000047}.ba_tag{position:absolute;z-index:8;right:clamp(1.6rem,2vw,2.8rem);bottom:clamp(1.6rem,2vw,2.8rem);max-width:min(32rem,60%);padding:1.6rem 2rem;border-radius:1.6rem;background:#ffffff24;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff3d;color:var(--ba-ink);text-align:end;transition:opacity .6s ease .35s,transform .6s cubic-bezier(.22,1,.36,1) .35s}.ba_tag_title{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.5rem,1.4vw,1.8rem);line-height:1.3;color:var(--ba-ink)}.ba_tag_link{display:inline-flex;align-items:center;gap:.7rem;margin:.8rem 0 0;font-size:1.3rem;line-height:1;color:var(--ba-ink);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.4rem;transition:gap .3s ease,border-color .3s ease}.ba_tag_link svg{width:1.8rem;height:auto;display:block;flex:0 0 auto}.ba_tag_link svg path{fill:currentColor}.ba_tag_link:hover,.ba_tag_link:focus-visible{gap:1.2rem;border-color:var(--ba-ink)}.ba_stage{opacity:0;transform:translateY(3rem) scale(.985);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.ba.is-inview .ba_stage{opacity:1;transform:translateY(0) scale(1)}.ba:not(.is-inview) .ba_grip,.ba:not(.is-inview) .ba_chip,.ba:not(.is-inview) .ba_tag{opacity:0}.ba:not(.is-inview) .ba_tag{transform:translateY(1.6rem)}@media(prefers-reduced-motion:reduce){.ba_stage,.ba_tag,.ba_grip,.ba_chip,.ba_tag_link{transition:none}.ba_stage{opacity:1;transform:none}.ba:not(.is-inview) .ba_grip,.ba:not(.is-inview) .ba_chip,.ba:not(.is-inview) .ba_tag{opacity:1;transform:none}}@media screen and (max-width:989px){.ba_overlay{max-width:min(46rem,74%)}.ba_tag{max-width:min(28rem,66%)}}@media screen and (max-width:749px){.ba{--ba-ratio: var(--ba-ratio-mobile, 4 / 5) !important;--ba-radius: 1.6rem;--ba-grip: 4.6rem;--ba-band: 7rem}.ba_stage{border-end-start-radius:calc(var(--ba-radius) * 2);clip-path:inset(0 0 0 0 round var(--ba-radius) var(--ba-radius) var(--ba-radius) calc(var(--ba-radius) * 2))}.ba_overlay{max-width:100%;padding:2rem 2rem 0}.ba_text{display:none}.ba_chip{padding:.6rem 1.2rem;font-size:1rem}.ba_chip--before{bottom:auto;top:clamp(1.2rem,4vw,1.8rem);left:auto;right:calc(50% + 1rem)}.ba_chip--after{top:clamp(1.2rem,4vw,1.8rem);right:auto;left:calc(50% + 1rem)}.ba_tag{left:1.2rem;right:1.2rem;bottom:1.2rem;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.6rem;text-align:start}.ba_tag_link{margin:0;flex:0 0 auto}}@media screen and (max-width:749px)and (orientation:landscape){.ba{--ba-ratio: 16 / 9}}.ba_head{margin:0 0 3rem}.ba_head--left{text-align:left}.ba_head--center{text-align:center}.ba_head--right{text-align:right}.ba_head .ba_heading{color:var(--color-heading)}.ba_head .ba_text{margin:1.2rem 0 0;color:var(--color-text);opacity:1}.ba_head--center .ba_text{margin-inline:auto}.ba_head--right .ba_text{margin-left:auto}.ba_products{position:absolute;z-index:8;right:clamp(1.2rem,2vw,2.4rem);bottom:clamp(1.2rem,2vw,2.4rem);display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:.8rem;max-width:calc(100% - 2.4rem)}.ba_product{display:flex;align-items:center;gap:0;max-width:100%;padding:.4rem;border-radius:var(--img-border-radius);background:var(--color-background);box-shadow:0 .6rem 1.8rem #00000029;text-decoration:none;transition:gap .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.ba_product_media{flex:0 0 auto;display:flex;width:7.5rem;height:7.5rem;border-radius:var(--img-border-radius);overflow:hidden}.ba_product_media img,.ba_product_media .ba_product_placeholder{width:100%;height:100%;object-fit:contain}.ba_product_info{display:grid;grid-template-columns:0fr;min-width:0;opacity:0;text-align:left;transition:grid-template-columns .45s cubic-bezier(.22,1,.36,1),opacity .35s ease;grid-gap:4px}.ba_product_info>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.ba_product_title{display:block;color:var(--color-heading);font-size:1.45rem;line-height:1.3;font-weight:500}.ba_product_price{display:block;color:var(--color-text);font-size:1.3rem;line-height:1.3}.ba_product:hover,.ba_product:focus-visible,.ba_product.is-open{gap:1rem;box-shadow:0 1rem 2.4rem #0003}.ba_product:hover .ba_product_info,.ba_product:focus-visible .ba_product_info,.ba_product.is-open .ba_product_info{grid-template-columns:1fr;opacity:1;padding-right:.6rem}.ba_product:focus-visible{outline:2px solid var(--color-heading);outline-offset:3px}@media(prefers-reduced-motion:reduce){.ba_product,.ba_product_info{transition:none}}.ba_products.ba_products--below{position:static;display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:1rem;max-width:none;margin:clamp(2rem,2.4vw,4rem) 0 0}.ba_products--below .ba_product{flex:0 1 32.8rem;min-width:0;gap:1.6rem;padding:1.2rem 1.6rem;border-radius:var(--img-border-radius);background:var(--color-secondary-background);box-shadow:none;transition:none}.ba_products--below .ba_product:hover,.ba_products--below .ba_product.is-open{gap:1.6rem;box-shadow:none}.ba_products--below .ba_product_media{width:6rem;height:6rem}.ba_products--below .ba_product_info,.ba_products--below .ba_product:hover .ba_product_info,.ba_products--below .ba_product:focus-visible .ba_product_info{grid-template-columns:1fr;opacity:1;padding-right:0;transition:none}.ba_products--below .ba_product_title{color:var(--color-secondary-heading)}.ba_products--below .ba_product_price{color:var(--color-secondary-text)}.ba_products--below .ba_product:focus-visible{outline:2px solid var(--color-secondary-heading);outline-offset:3px;box-shadow:none}@media screen and (max-width:749px){.ba_products.ba_products--below{justify-content:flex-start;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1.5rem;padding:.4rem 1.5rem;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch}.ba_products--below::-webkit-scrollbar{display:none}.ba_products--below .ba_product{flex:0 0 calc(100% / 1.5 - 1rem);scroll-snap-align:start;gap:1rem;padding:1rem 1.2rem}.ba_products--below .ba_product:hover,.ba_products--below .ba_product.is-open{gap:1rem}.ba_products--below .ba_product_media{width:4.8rem;height:4.8rem}.ba_products--below .ba_product:focus-visible{outline-offset:-2px}}@media screen and (max-width:749px){.ba_head{margin:0 0 2.2rem}.ba_products{right:1rem;bottom:1rem;gap:.6rem;max-width:calc(100% - 2rem)}.ba_product_media{width:4.2rem;height:4.2rem}.ba_product_title{font-size:1.2rem}.ba_product_price{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after.css.map */