.khal-spotify{min-width:0;color:inherit;gap:10px;display:grid}.khal-spotify-head{align-items:center;gap:10px;display:flex}.khal-spotify-mark{color:#fff;background:#1db954;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.khal-spotify-title{flex:1;min-width:0;line-height:1.25;display:grid}.khal-spotify-title small{opacity:.65;font-size:.72rem}.khal-spotify-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.khal-spotify-frame{border:0;border-radius:12px;width:100%;display:block}.khal-spotify-link,.khal-spotify-foot button,.khal-spotify-form button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:5px 12px;font-size:.78rem}.khal-spotify-form button{color:#fff;background:#1db954;border-color:#1db954;font-weight:700}.khal-spotify-form button:disabled{opacity:.5;cursor:default}.khal-spotify-form{grid-template-columns:1fr auto;gap:8px;display:grid}.khal-spotify-form input{min-width:0;color:inherit;font:inherit;background:0 0;border:1px solid #8884;border-radius:10px;padding:9px 12px;font-size:.85rem}.khal-spotify-form p{grid-column:1/-1;margin:0;font-size:.75rem}.khal-spotify-hint{opacity:.65}.khal-spotify-error{color:#c0392b}.khal-spotify-saved{gap:2px;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.khal-spotify-saved li{border-radius:10px;align-items:center;gap:6px;display:flex}.khal-spotify-saved li.is-playing{background:#1db95422}.khal-spotify-saved li>button:first-child{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:4px;display:flex}.khal-spotify-saved img,.khal-spotify-blank{object-fit:cover;border-radius:6px;flex:0 0 36px;width:36px;height:36px}.khal-spotify-blank{color:#fff;background:#1db954;place-items:center;display:grid}.khal-spotify-saved span{min-width:0;display:grid}.khal-spotify-saved strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.khal-spotify-saved small{opacity:.65;font-size:.7rem}.khal-spotify-x{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;padding:0 8px;font-size:1.2rem}.khal-spotify-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.khal-spotify-foot a{color:inherit;font-size:.78rem;text-decoration:underline}.khal-spotify-foot small{opacity:.6;flex-basis:100%;font-size:.7rem;line-height:1.4}.khal-source{border:1px solid #8884;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:3px;display:grid}.khal-source button{color:inherit;font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.khal-source button.is-on{color:#fff;background:#2f2621}.khal-source.has-radio{grid-template-columns:repeat(3,1fr)}.khal-source button.is-on.is-radio{color:#fff;background:#c0392b}.khal-source button.is-on.is-spotify{color:#fff;background:#1db954}.khal-radio{min-width:0;color:inherit;gap:10px;display:grid}.khal-radio-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.khal-radio-head strong{font-size:.92rem}.khal-radio-live{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#d93025;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:800}.khal-radio-slot{border-radius:12px;height:200px}.khal-radio-picks{flex-wrap:wrap;gap:6px;display:flex}.khal-radio-picks button{color:inherit;font:inherit;cursor:pointer;opacity:.8;background:0 0;border:1px solid #8884;border-radius:999px;padding:5px 12px;font-size:.76rem}.khal-radio-picks button.is-on{color:#fff;opacity:1;background:#c0392b;border-color:#c0392b}.khal-radio-note{opacity:.6;text-align:center;font-size:.7rem;line-height:1.4}.khal-radio-dock{z-index:100;position:fixed;overflow:visible}.khal-radio-dock .khal-radio-frame{background:#000;border:0;border-radius:12px;width:100%;height:100%;min-height:200px;display:block}.khal-radio-dock.is-docked{width:300px;max-width:calc(100vw - 44px);height:200px;transition:transform .25s;top:auto;bottom:96px;right:0;transform:translate(100%)}.khal-radio-dock.is-docked.is-open{transform:translate(0)}.khal-radio-dock.is-docked .khal-radio-frame{border-radius:12px 0 0 12px}.khal-radio-tab,.khal-radio-off{color:#fff;cursor:pointer;background:#17120f;border:0;width:34px;position:absolute;left:-34px}.khal-radio-tab{border-radius:12px 0 0 12px;align-content:center;justify-items:center;gap:6px;height:84px;display:grid;top:0;box-shadow:-2px 2px 10px #0004}.khal-radio-tab i{background:#d93025;border-radius:50%;width:8px;height:8px}.khal-radio-tab span{writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;transform:rotate(180deg)}.khal-radio-off{opacity:.85;border-radius:12px 0 0 12px;height:34px;font-size:1.1rem;line-height:1;top:90px}@media (max-width:760px){.khal-radio-dock.is-docked{bottom:calc(150px + env(safe-area-inset-bottom))}}.khal-radio-slot .khal-radio-frame-inline{background:#000;border:0;border-radius:12px;width:100%;height:100%;min-height:200px;display:block}