.home-setlist-card{--setlist-ring-size:clamp(7.5rem, 5rem + 6.5vw, 10rem);--setlist-number-size:2rem;--setlist-bar-height:.25rem;--step-progress:0;--timed-session-duration-base:.26s;--timed-session-duration-quick:.16s;--timed-session-ease-out:cubic-bezier(.2, .7, .2, 1);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.75rem;grid-template-columns:minmax(0,1fr);gap:2rem;padding:1rem;display:grid;container:timed-stage-session/inline-size}@media (min-width:48rem){.home-setlist-card{grid-template-columns:15rem minmax(0,1fr);padding:2rem}}.home-setlist-side{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}@media (min-width:48rem){.home-setlist-side{flex-direction:column;justify-content:flex-start;align-items:stretch}}.home-setlist-ring{inline-size:var(--setlist-ring-size);block-size:var(--setlist-ring-size);margin-inline:auto;position:relative}.home-setlist-ring svg{block-size:100%;inline-size:100%;display:block}.home-setlist-ring circle{fill:none;stroke-width:12px}.home-setlist-track{stroke:var(--line)}.home-setlist-fill{stroke:var(--ink);transition:stroke-dasharray var(--timed-session-duration-base) linear, stroke var(--timed-session-duration-base) var(--timed-session-ease-out)}[data-state=done]>.home-setlist-fill,.home-setlist-ring[data-done=true] .home-setlist-fill{stroke:var(--ok)}.home-setlist-clock{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.home-setlist-clock b{font-family:var(--display);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);line-height:1}.home-setlist-clock span{font-family:var(--mono);color:var(--muted);margin-block-start:.5rem;font-size:.75rem}.home-setlist-controls{flex-wrap:wrap;flex:1 1 0;place-content:flex-start space-between;gap:.5rem 1rem;display:flex}.home-setlist-controls>:first-child,.home-setlist-controls>:last-child{flex-basis:100%}.home-setlist-head{border-block-end:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding-block-end:.75rem;display:flex}.home-setlist-head h3{margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.25rem)}.home-setlist-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.home-setlist-steps{margin:0;padding:0;list-style:none;display:grid}.home-setlist-step{grid-template-columns:var(--setlist-number-size) minmax(0, 1fr) auto;transition:background-color var(--timed-session-duration-quick) var(--timed-session-ease-out);border-radius:.5rem;align-items:start;gap:1rem;padding:.75rem;display:grid}.home-setlist-step+.home-setlist-step{border-block-start:1px solid var(--line)}.home-setlist-step[data-state=now]{background:var(--ground2)}.home-setlist-number{inline-size:var(--setlist-number-size);block-size:var(--setlist-number-size);border:1.5px solid var(--line);font-family:var(--display);color:var(--warn);transition:background-color var(--timed-session-duration-base) var(--timed-session-ease-out), color var(--timed-session-duration-base) var(--timed-session-ease-out);border-radius:50%;place-items:center;font-weight:700;display:grid;position:relative}[data-state=now]>.home-setlist-number{border-color:var(--ink);background:var(--ink);color:var(--ground)}[data-state=done]>.home-setlist-number{border-color:var(--ok);background:var(--ok)}[data-state=done] .home-setlist-digit{visibility:hidden}.home-setlist-check{fill:none;block-size:60%;inline-size:60%;stroke:var(--surface);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;margin:auto;position:absolute;inset:0}[data-state=done] .home-setlist-check{opacity:1}.home-setlist-text{display:grid}.home-setlist-title{font-size:clamp(1rem,.9rem + .4vw,1.0625rem);font-weight:600}.home-setlist-title a{color:inherit}.home-setlist-detail{color:var(--muted);font-size:.9375rem}[data-state=done] .home-setlist-title,[data-state=done] .home-setlist-detail{color:var(--muted)}.home-setlist-bar{block-size:var(--setlist-bar-height);border-radius:var(--setlist-bar-height);visibility:hidden;background:var(--line);margin-block-start:.75rem;display:block;overflow:hidden}.home-setlist-bar:after{content:"";background:var(--ink);block-size:100%;transform:scaleX(var(--step-progress));transform-origin:0;transition:transform var(--timed-session-duration-base) linear;display:block}[data-state=now] .home-setlist-bar{visibility:visible}.home-setlist-minutes{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.8}.home-setlist-live{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.home-setlist-card *,.home-setlist-card :before,.home-setlist-card :after{transition:none!important}}@container timed-stage-session (max-width:9rem){.home-setlist-side{margin-inline:-.5rem}.home-setlist-step{grid-template-columns:var(--setlist-number-size) minmax(0, 1fr);gap:.5rem;min-inline-size:0;padding-inline:.25rem}.home-setlist-text{grid-area:2/1/auto/-1;min-inline-size:0}.home-setlist-minutes{white-space:nowrap;grid-area:1/2;justify-self:end}}