.ba{margin:0}.ba__stage{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/3;--pos:50%;user-select:none;background:var(--navy);isolation:isolate;cursor:ew-resize;touch-action:pan-y;position:relative;overflow:hidden}.ba__img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__divider{top:0;bottom:0;left:var(--pos);pointer-events:none;z-index:3;background:#fff;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 14px #07182b59}.ba__knob{width:46px;height:46px;color:var(--blue);box-shadow:var(--shadow-md);transition:box-shadow .2s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba__range{opacity:0;pointer-events:none;appearance:none;z-index:4;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba__range::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;width:48px;height:100%}.ba__range::-moz-range-thumb{cursor:ew-resize;background:0 0;border:0;width:48px;height:100%}.ba__range:focus-visible{outline:none}.ba__stage:has(.ba__range:focus-visible) .ba__knob{box-shadow:0 0 0 4px #2eb8ef8c, var(--shadow-md)}.ba__caption{color:var(--navy);margin-top:1rem;font-size:1.02rem;font-weight:700}.surface-dark .ba__caption{color:var(--text-on-dark)}@property --wash{syntax:"<percentage>";inherits:true;initial-value:0%}.ba__wash{z-index:6;pointer-events:none;opacity:0;--wash:0%;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.ba__wash-img{object-fit:cover;width:100%;height:100%;clip-path:inset(0 0 0 var(--wash));position:absolute;inset:0}.ba__wash:after{content:"";clip-path:inset(0 0 0 var(--wash));mix-blend-mode:multiply;background:linear-gradient(#3c322352,#262c2833);position:absolute;inset:0}.ba__edge{top:0;bottom:0;left:var(--wash);filter:blur(.4px);opacity:.9;background:linear-gradient(90deg,#0000,#e0f4ffb3 52%,#fffffff2 60%,#2eb8ef73 70%,#0000);width:46px;position:absolute;transform:translate(-55%)}.ba__nozzle{top:0;left:var(--wash);width:40px;height:100%;position:absolute;transform:translate(-50%)}.ba__lance{transform-origin:bottom;background:linear-gradient(#d3dde6,#8794a1 55%,#5c6773);border-radius:6px 6px 3px 3px;width:15px;height:42px;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(24deg);box-shadow:inset 0 0 0 1px #ffffff4d,0 4px 12px #07182b73}.ba__lance:after{content:"";background:#eef6fb;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #e0f4fff2}.ba__jet{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(1px);opacity:.9;background:linear-gradient(#ebf8fffa,#78c8f066 45%,#0000 90%);width:34px;height:150px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ba__jet:after{content:"";filter:blur(2px);background:radial-gradient(#ebf8ffd9,#0000 68%);width:60px;height:46px;position:absolute;top:118px;left:50%;transform:translate(-50%)}.ba__drop{opacity:0;background:radial-gradient(circle at 35% 30%,#fff,#bfe6fa);border-radius:50%;width:5px;height:5px;position:absolute;top:14px;left:50%;box-shadow:0 0 6px #e0f4ffcc}.ba__hint{z-index:8;border-radius:var(--radius-pill);color:var(--text-on-dark);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#07182bb8;align-items:center;gap:.4rem;padding:.42rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)translateY(8px)}.ba__hint svg{color:var(--aqua-bright)}.ba__stage.is-washing .ba__wash{opacity:1;animation:1.6s cubic-bezier(.5,0,.2,1) forwards ba-wash}.ba__stage.is-washing .ba__nozzle{animation:.28s ease-in-out infinite alternate ba-nozzle}.ba__stage.is-washing .ba__jet{animation:.11s steps(2,end) infinite ba-jet}.ba__stage.is-washing .ba__drop{animation:ba-drop .7s var(--dl,0s) linear infinite}.ba__stage.is-washing .ba__divider{opacity:0}.ba__divider{transition:opacity .4s}.ba__stage.is-washed .ba__wash{opacity:0}.ba__stage.is-hint .ba__hint{animation:3.4s .1s forwards ba-hint}@keyframes ba-wash{0%{--wash:0%}to{--wash:100%}}@keyframes ba-nozzle{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(4px)}}@keyframes ba-jet{0%{opacity:.7}to{opacity:.95}}@keyframes ba-drop{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:.9}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.95)}}@keyframes ba-hint{0%{opacity:0;transform:translate(-50%)translateY(8px)}14%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.ba__wash,.ba__hint{display:none!important}}