.bl-ba{max-width:1040px;margin-inline:auto;position:relative}.bl-ba__frame{position:relative;aspect-ratio:16/9;border-radius:0;overflow:hidden;-webkit-user-select:none;user-select:none;background:var(--bl-card);cursor:grab}.bl-ba__frame:active{cursor:grabbing}.bl-ba__draw .bl-ba-flame{transform-origin:400px 276px;animation:bl-flicker 3.1s ease-in-out infinite}.bl-ba__draw .bl-ba-flame-core{transform-origin:400px 274px;animation:bl-flicker 2.3s ease-in-out infinite reverse}@keyframes bl-flicker{0%,to{transform:scale(1) skew(0);opacity:1}30%{transform:scale(1.05,.96) skew(1.4deg);opacity:.93}55%{transform:scale(.97,1.06) skew(-1.2deg);opacity:1}78%{transform:scale(1.03,.99) skew(.7deg);opacity:.96}}.bl-ba__draw .bl-ba-smoke{animation:bl-smoke 7s ease-in-out infinite}.bl-ba__draw .bl-ba-smoke-2{animation:bl-smoke 9s ease-in-out infinite 1.4s}@keyframes bl-smoke{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}to{opacity:0;transform:translateY(-26px)}}@media(prefers-reduced-motion:reduce){.bl-ba__draw .bl-ba-flame,.bl-ba__draw .bl-ba-flame-core,.bl-ba__draw .bl-ba-smoke,.bl-ba__draw .bl-ba-smoke-2{animation:none}}@media(max-width:639px){.bl-ba__frame{aspect-ratio:4/5}}.bl-ba__side{position:absolute;top:0;right:0;bottom:0;left:0}.bl-ba__before{z-index:1}.bl-ba__after{z-index:2}.bl-ba__side img,.bl-ba__side svg,.bl-ba__ph{width:100%;height:100%;object-fit:cover}.bl-ba__after{clip-path:inset(0 0 0 var(--ba-pos, 50%))}[dir=rtl] .bl-ba__after{clip-path:inset(0 var(--ba-pos, 50%) 0 0)}.bl-ba__lead,.bl-ba__cap{position:absolute;left:0;right:0;text-align:center;pointer-events:none;margin:0;padding-inline:clamp(56px,12%,120px)}.bl-ba__lead{top:clamp(58px,15%,86px);font-family:var(--bl-serif);font-style:italic;font-size:clamp(17px,2.4vw,27px);line-height:1.25;color:var(--bl-ink);letter-spacing:-.01em}.bl-ba__cap{bottom:clamp(20px,6%,34px);font-family:var(--bl-sans);font-size:clamp(10.5px,1.15vw,13px);font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--bl-ink-soft);line-height:1.5}.bl-ba__pill{position:absolute;top:20px;z-index:3;pointer-events:none;padding:7px 15px;border-radius:100px;font-family:var(--bl-sans);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:color-mix(in srgb,var(--bl-bg) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bl-ba__pill--before{left:20px;border:1px solid var(--bl-line-2);color:var(--bl-ink-2)}.bl-ba__pill--after{right:20px;border:1px solid #B77A36;color:#8a5a24}[dir=rtl] .bl-ba__pill--before{left:auto;right:20px}[dir=rtl] .bl-ba__pill--after{right:auto;left:20px}@media(max-width:639px){.bl-ba__lead,.bl-ba__cap{padding-inline:22px}.bl-ba__lead{top:64px}.bl-ba__pill{top:14px;padding:5px 11px;font-size:9.5px;letter-spacing:.12em}.bl-ba__pill--before{left:14px}.bl-ba__pill--after{right:14px}}.bl-ba__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos, 50%);width:1px;background:var(--bl-ink);opacity:.5;z-index:4;pointer-events:none}[dir=rtl] .bl-ba__divider{left:auto;right:var(--ba-pos, 50%)}.bl-ba__handle{position:absolute;top:50%;left:var(--ba-pos, 50%);transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--bl-bg);border:1px solid var(--bl-ink);color:var(--bl-ink);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 6px 20px #2b282314;transition:box-shadow .3s;pointer-events:none}[dir=rtl] .bl-ba__handle{left:auto;right:var(--ba-pos, 50%);transform:translate(50%,-50%)}.bl-ba:hover .bl-ba__handle{box-shadow:0 10px 28px #2b282324}.bl-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;z-index:6;touch-action:none}.bl-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:56px;height:100%}.bl-ba__range::-moz-range-thumb{width:56px;height:200px;border:none;background:transparent}.bl-ba:has(.bl-ba__range:focus-visible) .bl-ba__handle{outline:1.5px solid var(--bl-ink);outline-offset:3px}.bl-ba__hint{text-align:center;font-size:13px;color:var(--bl-ink-soft);margin-top:18px;font-style:italic;font-family:var(--bl-serif)}.bl-ba__source{text-align:center;font-size:12px;color:var(--bl-ink-soft);margin-top:12px}.bl-ba__source a{text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.bl-ba__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bare-before-after.css.map */