.sw{pointer-events:none;width:100%;height:clamp(150px,20vw,220px);position:relative}.sw__glow{background:radial-gradient(#0d8a8a6b,#0000 68%);width:min(720px,80%);height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sw__bars{justify-content:center;align-items:center;gap:4px;height:100%;padding-inline:clamp(16px,4vw,48px);display:flex;position:relative}.sw-bar{min-width:2px;max-width:7px;height:var(--bar-min);background:var(--teal-hi);opacity:0;transform-origin:50%;border-radius:999px;flex:1 1 0}.sw.is-on .sw-bar{animation:sw-intro 2.4s cubic-bezier(.45, 0, .2, 1) var(--d) 1 both}@keyframes sw-intro{0%{height:var(--bar-min);opacity:0}8%{opacity:var(--bar-opacity);height:var(--bar-min)}22%{height:var(--bar-max)}36%{height:var(--bar-min)}50%{height:var(--bar-max)}64%{height:var(--bar-min)}78%,to{height:var(--bar-max);opacity:var(--bar-opacity)}}@media (prefers-reduced-motion:reduce){.sw-bar,.sw.is-on .sw-bar{height:var(--bar-max);opacity:var(--bar-opacity);animation:none;transform:none}}