.lcdy4a_stage{aspect-ratio:4/5;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}.lcdy4a_viewport{border-radius:var(--radius-lg);isolation:isolate;position:absolute;inset:0;overflow:hidden}.lcdy4a_viewport:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 6%, transparent);pointer-events:none;position:absolute;inset:0}.lcdy4a_layer{isolation:isolate;position:absolute;inset:0}.lcdy4a_before{background:var(--color-cloud)}.lcdy4a_after{clip-path:inset(0 0 0 calc(var(--p) * 1%));background:radial-gradient(60% 60% at 70% 45%, color-mix(in oklab, var(--color-violet) 10%, transparent), transparent 72%), var(--color-violet-wash)}.lcdy4a_pill{z-index:2;background:var(--color-paper);font-size:var(--text-caption);white-space:nowrap;box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-weight:600;display:inline-flex;position:absolute;top:1.25rem}.lcdy4a_pill:before{content:"";border-radius:999px;width:.5rem;height:.5rem}.lcdy4a_pillBefore{color:var(--color-text-2);left:1.25rem}.lcdy4a_pillBefore:before{background:var(--color-text-3)}.lcdy4a_pillAfter{color:var(--color-ink);right:1.25rem}.lcdy4a_pillAfter:before{background:var(--color-violet)}.lcdy4a_track{z-index:4;pointer-events:none;width:0;transform:translateX(calc(var(--p) * 1cqi));position:absolute;top:0;bottom:0;left:0}.lcdy4a_line{background:var(--color-paper);width:2px;box-shadow:0 0 0 .5px color-mix(in oklab, var(--color-ink) 8%, transparent), 0 0 16px color-mix(in oklab, var(--color-ink) 10%, transparent);position:absolute;top:0;bottom:0;left:-1px}.lcdy4a_knob{background:var(--color-paper);width:3rem;height:3rem;color:var(--color-ink);box-shadow:var(--shadow-raised);cursor:ew-resize;pointer-events:auto;touch-action:pan-y;transition:transform var(--duration-micro) var(--ease-out-expo);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.lcdy4a_knob:before{content:"";border-radius:inherit;position:absolute;inset:-.5rem}@media (hover:hover){.lcdy4a_knob:hover{transform:translate(-50%,-50%)scale(1.04)}}.lcdy4a_stage[data-dragging] .lcdy4a_knob{transform:translate(-50%,-50%)scale(1.04)}.lcdy4a_hint{background:var(--color-paper);color:var(--color-ink);font-size:var(--text-note);white-space:nowrap;box-shadow:var(--shadow-soft);transition:opacity var(--duration-ui) var(--ease-out-expo);border-radius:999px;padding:.3rem .7rem;font-weight:600;position:absolute;bottom:1rem;left:0;transform:translate(-50%)}.lcdy4a_stage[data-touched] .lcdy4a_hint{opacity:0}.lcdy4a_sides{display:none}@media (min-width:640px){.lcdy4a_stage{aspect-ratio:16/10}}@media (min-width:1024px){.lcdy4a_stage{aspect-ratio:16/9}}@media (max-width:1023.98px){.lcdy4a_sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.5rem;display:grid}.lcdy4a_side{min-width:0;min-height:2.75rem;font-size:var(--text-caption);text-align:left;text-wrap:balance;cursor:pointer;color:color-mix(in oklab, var(--color-ink) calc(var(--on) * 100%), var(--color-text-3));align-items:center;gap:.5rem;font-weight:600;line-height:1.25;display:inline-flex}.lcdy4a_side:before{content:"";border-radius:999px;flex:none;width:.5rem;height:.5rem}.lcdy4a_sideBefore{--on:clamp(0, (var(--p) - 14) / 26, 1);justify-self:start}.lcdy4a_sideBefore:before{background:var(--color-text-3)}.lcdy4a_sideAfter{--on:clamp(0, (86 - var(--p)) / 26, 1);text-align:right;justify-self:end}.lcdy4a_sideAfter:before{background:var(--color-violet)}.lcdy4a_stage{-webkit-touch-callout:none}.lcdy4a_stage .lcdy4a_pill{display:none}}@media (prefers-reduced-motion:reduce){.lcdy4a_knob,.lcdy4a_hint{transition:none}}