.confetti-piece{top:0;left:var(--piece-left);height:100%;opacity:var(--piece-opacity,1);animation:confetti-fall var(--piece-duration) steps(var(--piece-steps)) var(--piece-delay) both;position:absolute}.confetti-piece-sway{animation:confetti-sway var(--piece-sway-duration) steps(2) var(--piece-delay) infinite alternate;display:block}.confetti-piece-body{width:calc(var(--piece-size) * var(--piece-cell));height:calc(var(--piece-size) * var(--piece-cell));background-color:var(--piece-color);display:block}.confetti-piece-body--flickering{animation:confetti-flicker calc(var(--piece-step-duration) * 2) steps(1) infinite alternate}@keyframes confetti-fall{0%{transform:translateY(calc(var(--piece-cell) * -4))}to{transform:translateY(calc(100% + var(--piece-cell) * 4))}}@keyframes confetti-sway{0%{transform:translateX(calc(var(--piece-amplitude) * -1))}to{transform:translateX(var(--piece-amplitude))}}@keyframes confetti-flicker{0%{background-color:var(--piece-color)}to{background-color:var(--piece-color-alt)}}.scwave{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.scwave-frame{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:absolute;top:0;left:-9999px}.scwave-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.scwave-title{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;font-family:Dico,sans-serif;font-size:13px;font-weight:400;text-decoration:none;overflow:hidden}.scwave-title:hover{text-decoration:underline}.scwave-title--placeholder{opacity:.6}.scwave-user{font-family:var(--font-family);color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:11px;text-decoration:none;overflow:hidden}.scwave-user:hover{color:#ffffffb3;text-decoration:underline}.scwave-artist-row{align-items:center;gap:5px;min-width:0;display:flex}.scwave-meta-dot{color:#ffffff80;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px}.scwave-sc-link{opacity:.85;flex-shrink:0;align-items:center;transition:opacity .15s;display:inline-flex}.scwave-sc-link:hover{opacity:1}.scwave-sc-logo{width:auto;height:24px;margin-bottom:1px;margin-left:2px;display:block}.scwave-row{align-items:center;gap:10px;padding-top:10px;display:flex}.scwave-play{width:32px;height:32px;color:var(--color-primary);cursor:var(--cursor-hand-point);background:0 0;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.scwave-play:hover:not(:disabled){background:var(--color-hover);border-color:#ffffff52}.scwave-play:disabled{opacity:.4;cursor:var(--cursor-arrow)}.scwave-play svg{fill:currentColor;display:block}.scwave-canvas-wrap{min-width:0;cursor:var(--cursor-hand-point);outline:none;flex:1;position:relative}.scwave-canvas-wrap:focus-visible{border-radius:3px;box-shadow:0 0 0 2px #ffffff40}.scwave-canvas{width:100%;height:100%;display:block}.scwave-time{font-family:var(--font-family);color:#ffffff80;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.scwave-skeleton{background:var(--color-light-background);animation:.25s scwave-skel-fade;position:absolute;inset:0}.scwave-skeleton .scwave-skel-block{background:#ffffff09;width:100%;height:100%}@keyframes scwave-skel-fade{0%{opacity:0}to{opacity:1}}