.ws-sw-ledger-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.ws .ws-sw-ledger h2{max-width:12ch;margin:0 0 28px}.ws-sw-toggle{border-radius:var(--radius-pill);background:var(--sys-surface-subtle);border:1px solid var(--sys-border-subtle);grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.ws-sw-toggle button{z-index:1;border-radius:var(--radius-pill);min-height:44px;font:inherit;color:var(--sys-text-strong);cursor:pointer;white-space:nowrap;transition:color .3s var(--lp-out);background:0 0;border:0;padding:0 20px;font-size:15px;font-weight:600;position:relative}.ws-sw-toggle button[aria-pressed=true]{color:var(--sys-text-inverse)}.ws-sw-toggle button:focus-visible{outline:2px solid var(--sys-border-brand);outline-offset:3px}.ws-sw-toggle-knob{border-radius:var(--radius-pill);background:var(--sys-surface-strong);width:calc(50% - 4px);transition:transform .5s var(--lp-spring),background-color .3s var(--lp-out);position:absolute;top:4px;bottom:4px;left:4px}.ws-sw-ledger[data-mode=after] .ws-sw-toggle-knob{background:var(--sys-surface-brand);transform:translate(100%)}.ws-sw-span{gap:8px;max-width:360px;margin-top:36px;display:grid}.ws-sw-span-l{color:var(--sys-text-body);font-size:14px}.ws-sw-span-v{letter-spacing:-.03em;color:var(--sys-text-strong);font-size:clamp(40px,4.4vw,60px);font-weight:600;line-height:1;display:grid}.ws-sw-span-v>span{transition:opacity .45s var(--lp-out),transform .6s var(--lp-spring);grid-area:1/1}.ws-sw-ledger[data-mode=after] .ws-sw-span-v>span:first-child,.ws-sw-ledger[data-mode=before] .ws-sw-span-v>span:last-child{opacity:0;transform:translateY(-12px)}.ws-sw-ledger[data-mode=after] .ws-sw-span-v>span:last-child{color:var(--sys-text-brand)}.ws-sw-span-bar{border-radius:var(--radius-8);background:var(--sys-surface-subtle);height:8px;position:relative;overflow:hidden}.ws-sw-span-bar i{border-radius:var(--radius-8);background:var(--sys-surface-strong);width:100%;transition:width .9s var(--lp-out),background-color .4s var(--lp-out);position:absolute;top:0;bottom:0;left:0}.ws-sw-ledger[data-mode=after] .ws-sw-span-bar i{background:var(--sys-surface-brand);width:14%}.ws-sw-led{border-top:1px solid var(--sys-border-subtle);margin:0}.ws-sw-led-row{border-bottom:1px solid var(--sys-border-subtle);grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:16px;padding:22px 0;display:grid}.ws-sw-led dt{color:var(--sys-text-strong);font-size:16px;font-weight:600}.ws-sw-led dd{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin:0;display:grid}.ws-sw-led-txt,.ws-sw-led-chip{display:grid}.ws-sw-led-txt>span,.ws-sw-led-chip>span{transition:opacity .4s var(--lp-out),transform .55s var(--lp-spring);grid-area:1/1}.ws-sw-led-txt>span{color:var(--sys-text-body);font-size:16px;line-height:1.5}.ws-sw-led-chip{justify-items:end}.ws-sw-led-chip>span{border-radius:var(--radius-pill);white-space:nowrap;padding:5px 12px;font-size:13px;font-weight:600}.ws-sw-led-chip .is-before{background:var(--sys-surface-subtle);color:var(--sys-text-body);border:1px solid var(--sys-border-subtle)}.ws-sw-led-chip .is-after{background:var(--sys-surface-brand-subtle);color:var(--sys-text-brand);border:1px solid color-mix(in srgb,var(--sys-border-brand) 20%,transparent);background-image:var(--sys-check-blue);background-position:10px;background-repeat:no-repeat;background-size:12px 12px;padding-left:28px}.ws-sw-ledger[data-mode=after] .is-before,.ws-sw-ledger[data-mode=before] .is-after{opacity:0;pointer-events:none;transform:translateY(-8px)}.ws-sw-led-row:nth-child(2) span{transition-delay:60ms}.ws-sw-led-row:nth-child(3) span{transition-delay:.12s}.ws-sw-led-row:nth-child(4) span{transition-delay:.18s}.ws-sw-led-row:nth-child(5) span{transition-delay:.24s}@media (width<=900px){.ws .ws-sw-ledger h2{max-width:none}.ws-sw-span{margin-top:28px}}@media (width<=767px){.ws-sw-led-row{grid-template-columns:minmax(0,1fr);gap:6px}}@media (width<=600px){.ws-sw-led dd{grid-template-columns:minmax(0,1fr)}.ws-sw-led-chip{justify-items:start}}@media (width<=900px){.ws-sw-ledger-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ws-sw-toggle button,.ws-sw-toggle-knob,.ws-sw-span-v>span,.ws-sw-span-bar i,.ws-sw-led-txt>span,.ws-sw-led-chip>span{transition:none}}