.sd-mute{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:-48px auto 32px;padding:10px 10px 10px 16px;border-radius:999px}.sd-mute,.sd-mute button{background:var(--ts-tint-2);color:var(--ts-fg-secondary);font-size:13px}.sd-mute button{position:relative;height:32px;padding:0 14px;border:0;border-radius:999px;font-weight:500;cursor:pointer;transition:background .16s var(--ts-ease),color .16s var(--ts-ease)}@media (hover:hover){.sd-mute button:hover{background:var(--ts-tint-3);color:var(--ts-fg)}}.grid.sd-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;padding-top:8px}.sd-grid .sd-tile{height:264px;min-height:0;padding:68px 32px 36px;overflow:hidden;cursor:pointer}.sd-grid .sd-tile:not(:hover):not(:focus-within) .tile-tag{opacity:1;translate:none}.cpn .sd-cue,.sd-tile .tile-name{font-family:ui-monospace,SF Mono,Menlo,monospace}.sd-tile .tile-name{font-size:12.5px;font-weight:400}.sd-wave{position:relative;display:flex;align-items:center;gap:3px;width:min(100%,285px);height:72px;color:var(--ts-fg-muted)}.sd-wave i{min-width:0}.sd-flat,.sd-wave i{flex:1 1;border-radius:99px;background:currentColor}.sd-flat{height:3px;opacity:.35}.sd-wave-on{position:absolute;inset:0;display:flex;align-items:center;gap:inherit;color:var(--ts-accent);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);animation:sd-sweep var(--dur) linear forwards,sd-fade .4s var(--dur) forwards}@keyframes sd-sweep{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes sd-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.sd-wave-on{-webkit-clip-path:none;clip-path:none;animation:sd-fade .01s var(--dur) forwards}}.sd-wave-btn{display:grid;width:min(100%,285px);height:72px;padding:0;border:0;border-radius:12px;background:none;cursor:pointer}.sd-wave-btn .sd-wave{width:100%;height:100%}@media (hover:hover){.sd-wave-btn:hover .sd-wave{color:var(--ts-fg-secondary)}}.cpn-stage[data-tab=element] .cpn-seg:before{translate:100% 0}.cpn-bar .sd-bar-r{display:flex;gap:8px;margin-left:auto}.cpn .sd-hear{align-content:center;gap:20px;cursor:pointer}.cpn .sd-wave{width:max(70%,min(100%,320px));height:120px;gap:2px}.cpn .sd-cue{color:var(--ts-fg);font-size:14px}.cpn .sd-none{align-content:center;justify-items:center;gap:14px;color:var(--ts-fg-muted);font-size:14px;text-align:center}.sd-none p{margin:0}.sd-none .cpn-act{height:40px;padding:0 20px;font-size:14px}.sd-cat{margin:4px 0 0;color:var(--ts-fg-muted);font-size:13px}.sd-meta{display:grid;grid-gap:6px;gap:6px;margin:0}.sd-meta div,.sd-open{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-radius:14px;background:var(--ts-tint-1);font-size:13px}.sd-meta dt{color:var(--ts-fg-muted)}.sd-meta dd{margin:0;color:var(--ts-fg);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sd-meta+.sd-open{margin-top:-6px}.sd-open{color:var(--ts-fg);font-weight:500;text-decoration:none;transition:background-color .16s var(--ts-ease)}@media (hover:hover){.sd-open:hover{background:var(--ts-tint-2)}}.cpn-cta.sd-cta{flex-direction:column}.sd-cta svg{flex:none}.sd-code{display:flex;align-items:center;gap:8px;padding-left:16px;border-radius:999px;background:var(--ts-tint-1)}.sd-code code{flex:1 1;min-width:0;overflow:hidden;font:12px/44px ui-monospace,SF Mono,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.sd-acts{display:grid;grid-gap:8px;gap:8px}.sd-acts .cpn-act{width:100%}@media (pointer:coarse){.sd-mute button:after{content:"";position:absolute;inset-block:calc(50% - 22px);inset-inline:-4px}}@media (max-width:600px){.grid.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sd-grid .sd-tile{height:184px;padding:50px 14px 18px;border-radius:24px}.sd-tile .tile-tag{top:8px;left:8px;right:8px}.sd-tile .tile-name{padding:0 8px;font-size:11.5px}.sd-wave-btn{height:56px}.sd-wave i:nth-child(2n){display:none}}