.sd-pod{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-pod[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-pod :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-pod :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-pod .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-pod{background:var(--bg);width:min(100%,330px);box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;outline:0;padding:16px}.sd-pod__h{align-items:center;gap:12px;margin-bottom:14px;display:flex}.sd-pod__art{background:var(--strong);width:52px;height:52px;color:var(--on);letter-spacing:-.04em;border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.sd-pod__h b{font-size:14.5px;line-height:1.3;display:block}.sd-pod__h small{color:var(--mute);font-size:12px}.sd-pod__scrub{touch-action:none;cursor:pointer;outline:0;height:22px;position:relative}.sd-pod__scrub:focus-visible{box-shadow:0 0 0 2px var(--fg);border-radius:6px}.sd-pod__rail{background:var(--soft);border-radius:99px;height:4px;position:absolute;top:9px;left:0;right:0;overflow:hidden}.sd-pod__rail i{background:var(--fg);height:100%;display:block}.sd-pod__mk{background:var(--bg);width:2px;height:8px;margin-left:-1px;position:absolute;top:7px}.sd-pod__th{background:var(--fg);border-radius:99px;width:12px;height:12px;margin-left:-6px;position:absolute;top:5px}.sd-pod__times{color:var(--mute);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11.5px;display:flex}.sd-pod__ctl{justify-content:center;align-items:center;gap:18px;margin:10px 0 14px;display:flex}.sd-pod__sk{border-radius:99px;place-items:center;width:40px;height:40px;display:grid;position:relative}.sd-pod__sk:hover{background:var(--soft)}.sd-pod__sk svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:24px;height:24px}.sd-pod__sk span{font-size:10.5px;font-weight:700;position:absolute;top:14px}.sd-pod__pl{border-radius:99px;place-items:center;width:54px;height:54px;display:grid;background:var(--strong)!important;color:var(--on)!important}.sd-pod__pl svg{fill:currentColor;width:20px;height:20px}.sd-pod__spd{min-width:44px;box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:99px;padding:6px 8px;font-size:12px;font-weight:700}.sd-pod__list{max-height:196px;margin:0;padding:0;list-style:none;overflow-y:auto}.sd-pod__c{text-align:left;border-radius:10px;gap:12px;width:100%;padding:9px 10px;font-size:13.5px;display:flex;position:relative;overflow:hidden}.sd-pod__c:hover{background:var(--soft)}.sd-pod__c[aria-current=true]{background:var(--soft);font-weight:600}.sd-pod__c span{width:40px;color:var(--mute);font-variant-numeric:tabular-nums;flex:none;font-weight:400}.sd-pod__c i{background:var(--fg);height:2px;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.sd-pod *,.sd-pod :before,.sd-pod :after{transition:none!important;animation:none!important}}
