.cw-setlist-cassette{--cw-cassette-label-fill:#302044;isolation:isolate;width:min(100%,680px);margin-inline:auto;position:relative;container-type:inline-size}.cw-setlist-cassette:has(.cw-split-button.is-open){z-index:10}.cw-setlist-cassette-art{width:100%;height:auto;display:block}.cw-cassette-shell{background:#251c32;border:calc(clamp(3px,.88cqi,4px) - 1px) solid #c084fc;border-radius:clamp(16px,3.8cqi,26px);flex-direction:column;align-items:center;gap:clamp(8px,5.9cqi,40px);padding:clamp(20px,7cqi,48px) clamp(20px,7cqi,48px) 0;display:flex;position:relative;box-shadow:0 16px 28px #08081040}.cw-cassette-label-panel{background:var(--cw-cassette-label-fill);border:calc(clamp(2px,.735cqi,3px) - 1px) solid #c084fc;border-radius:clamp(10px,2.65cqi,18px);flex-direction:column;width:100%;min-width:0;display:flex}.cw-cassette-reels{position:relative;container-type:inline-size}.cw-cassette-screw{color:#c084fc;width:clamp(12px,3.5cqi,24px);height:clamp(12px,3.5cqi,24px);position:absolute}.cw-cassette-screw.top-left,.cw-cassette-screw.top-right{top:clamp(5px,1.6cqi,11px)}.cw-cassette-screw.bottom-left,.cw-cassette-screw.bottom-right{bottom:clamp(5px,1.6cqi,11px)}.cw-cassette-screw.top-left,.cw-cassette-screw.bottom-left{left:clamp(5px,1.6cqi,11px)}.cw-cassette-screw.top-right,.cw-cassette-screw.bottom-right{right:clamp(5px,1.6cqi,11px)}.cw-setlist-cassette-label{min-height:24px;color:var(--cw-color-text);text-align:center;text-underline-offset:4px;text-wrap:balance;justify-content:center;align-items:flex-start;padding:30px 16px;font-size:18px;font-weight:500;line-height:1.4;text-decoration:underline;display:flex}.cw-setlist-cassette-label:hover{color:var(--cw-color-text);text-decoration:underline}.cw-setlist-cassette-label-content{overflow-wrap:anywhere;max-width:100%;display:block}.cw-setlist-cassette-label-lead{white-space:nowrap;text-decoration:underline;display:inline-block}.cw-setlist-cassette-label-lead>svg{vertical-align:-.15em;width:1em;height:1em;margin-right:8px;display:inline-block}@container (width<=400px){.cw-setlist-cassette-label{font-size:16px;line-height:1.4}}.cw-setlist-cassette-label:focus-visible{outline:3px solid var(--cw-color-purple);outline-offset:1px;border-radius:4px}.cw-setlist-cassette-listen{isolation:isolate;box-sizing:border-box;justify-content:center;align-items:center;max-width:100%;padding:12px clamp(24px,5.3cqi,36px);display:flex;position:relative}.cw-setlist-cassette-listen .cw-split-button-main{padding-inline:16px}@container (width<=400px){.cw-setlist-cassette-listen{max-width:calc(100% - 16px);padding-inline:12px}.cw-setlist-cassette-listen .cw-split-button-main,.cw-setlist-cassette-listen .cw-split-button-toggle{padding-inline:8px}}.cw-cassette-trapezoid{z-index:-1;width:calc(100% + 8px);height:100%;color:var(--cw-color-purple);pointer-events:none;position:absolute;inset:0 -4px}@container (width<=400px){.cw-setlist-cassette-listen .cw-cassette-trapezoid{width:calc(100% + 16px);inset-inline:-8px}}.cw-setlist-cassette-listen svg{flex:none}.cw-cassette-reel-spin{transform-box:fill-box;transform-origin:50%;animation:2.8s linear infinite paused cw-cassette-turn}.cw-setlist-cassette.is-playing .cw-cassette-reel-spin{animation-play-state:running}@keyframes cw-cassette-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cw-cassette-motion-toggle{background:var(--cw-cassette-label-fill);width:min(44px,12cqi);height:min(44px,12cqi);color:var(--cw-color-purple);cursor:pointer;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:41.89%;left:50%;transform:translate(-50%,-50%)}.cw-cassette-motion-toggle svg{width:min(20px,46%);height:min(20px,46%)}.cw-cassette-motion-toggle:focus-visible{outline:3px solid var(--cw-color-purple);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cw-cassette-reel-spin{animation:none}.cw-cassette-motion-toggle{display:none}}