.stage{--stage-ink: var(--asif-ink, #181a1a);--stage-paper: var(--asif-paper, #f2efe6);--stage-signal: var(--asif-signal, #e7df72);--stage-ease: cubic-bezier(.2, 0, 0, 1);--stage-pad: 16px;--stage-max: 80rem;--stage-bg: var(--stage-ink);--stage-fg: var(--stage-paper);--stage-muted: var(--asif-muted, #b9b7b0);--stage-line: rgb(242 239 230 / .24);--stage-line-strong: rgb(242 239 230 / .48);--stage-disc: #0f1111;--stage-sleeve: #0b0c0c;position:relative;width:100%;box-sizing:border-box;color:var(--stage-fg);background:var(--stage-bg);font-family:var(--asif-sans, Archivo, Arial, sans-serif);border-bottom:1px solid var(--stage-line-strong);transition:background-color .32s var(--stage-ease),color .32s var(--stage-ease),border-color .32s var(--stage-ease)}html:not([data-asif-radio-mode=active]) .stage--home{--stage-bg: var(--stage-paper);--stage-fg: var(--stage-ink);--stage-muted: rgb(24 26 26 / .62);--stage-line: rgb(24 26 26 / .22);--stage-line-strong: rgb(24 26 26 / .48)}.stage *,.stage *:before,.stage *:after{box-sizing:border-box}.stage :is(h1,h2,p,figure,ol,ul){margin:0}.stage ol,.stage ul{padding:0;list-style:none}.stage :where(a){color:inherit}.stage :where(button){font:inherit;color:inherit}.stage__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stage__frame{display:grid;grid-template-areas:"sleeve" "actions" "strip" "claim";gap:24px;width:min(100%,var(--stage-max));margin-inline:auto;padding:16px var(--stage-pad) 24px}.stage__sleeve{--stage-fg: var(--stage-paper);--stage-muted: var(--asif-muted, #b9b7b0);--stage-line: rgb(242 239 230 / .24);--stage-line-strong: rgb(242 239 230 / .48);grid-area:sleeve;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(100%,32rem);aspect-ratio:5 / 6;margin-inline:auto;padding:12px 16px 16px;color:var(--stage-paper);background:var(--stage-sleeve);border:1px solid var(--stage-line-strong)}.stage__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:24px}.stage__live{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;font:700 var(--asif-step--1, .75rem)/1 var(--asif-mono, "IBM Plex Mono", monospace);letter-spacing:.1em;text-transform:uppercase}.stage__dot{display:block;width:8px;height:8px;background:var(--stage-signal)}.stage[data-state=playing] .stage__dot,.stage[data-state=buffering] .stage__dot{animation:stage-pulse 1.6s var(--stage-ease) infinite}@keyframes stage-pulse{0%,to{opacity:1}50%{opacity:.35}}.stage__programme{display:flex;min-width:0;flex:1 1 auto;justify-content:flex-end;gap:8px;color:var(--stage-muted);font:400 var(--asif-step--1, .75rem)/1.2 var(--asif-mono, "IBM Plex Mono", monospace);letter-spacing:.04em;white-space:nowrap}.stage__programme strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--stage-paper);font-weight:700}.stage__programme [data-stage-until]:empty{display:none}.stage__disc{display:grid;min-height:0;place-items:center}.stage__record{position:relative;height:100%;max-width:100%;aspect-ratio:1;overflow:hidden;background:var(--stage-disc);clip-path:circle(50% at 50% 50%);will-change:transform;transform:translateZ(0)}.stage__record img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.stage__rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:#f2efe652;stroke-width:1}.stage__rings circle{vector-effect:non-scaling-stroke}.stage__rings-hole{fill:var(--stage-ink);stroke:var(--stage-paper);stroke-width:2}.stage__band{display:grid;gap:4px;min-width:0}.stage__band-title{font-size:var(--asif-step-1, 1.1875rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.stage__band-title[data-fit=xlong]{font-size:var(--asif-step-0, 1rem)}.stage__band-artist{color:var(--stage-muted);font-size:var(--asif-step-0, 1rem);font-weight:450;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stage__track{grid-area:track;display:none;gap:8px;min-width:0}.stage__label{color:var(--stage-muted);font:400 var(--asif-step--1, .75rem)/1.2 var(--asif-mono, "IBM Plex Mono", monospace);letter-spacing:.1em;text-transform:uppercase}.stage__title{font-size:var(--asif-step-2, 1.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.05;overflow-wrap:anywhere;text-wrap:balance}.stage__title[data-fit=long]{font-size:var(--asif-step-1, 1.1875rem)}.stage__title[data-fit=xlong]{font-size:var(--asif-step-0, 1rem)}.stage__artist{margin-top:4px;font-size:var(--asif-step-0, 1rem);font-weight:450;line-height:1.25;overflow-wrap:anywhere}.stage__album{margin-top:4px;color:var(--stage-muted);font-size:var(--asif-step--1, .75rem);font-weight:450;line-height:1.3;overflow-wrap:anywhere}.stage__album:empty{display:none}.stage__actions{grid-area:actions;display:grid;grid-template-columns:repeat(var(--stage-n, 2),minmax(0,1fr));gap:8px}.stage__actions .stage__action{justify-content:center;min-width:0;padding:0 8px}.stage__actions .stage__action-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stage__actions[data-count="3"] .stage__action-label,.stage__actions[data-count="4"] .stage__action-label,.stage__actions[data-count="5"] .stage__action-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage__actions .stage__play{grid-column:1 / -1}.stage__count{margin-left:8px}.stage__action,.stage__play{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin:0;padding:0 16px 0 12px;border:1px solid var(--stage-line-strong);border-radius:0;background:transparent;color:var(--stage-fg);font:700 var(--asif-step-0, 1rem)/1 var(--asif-sans, Archivo, Arial, sans-serif);letter-spacing:.02em;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .12s var(--stage-ease),color .12s var(--stage-ease),border-color .12s var(--stage-ease)}.stage__action[hidden]{display:none}.stage__action--link{text-decoration:none}.stage__glyph--filled{fill:currentcolor}.stage__count{padding:2px 6px;border:1px solid currentcolor;font:700 var(--asif-step--1, .75rem)/1 var(--asif-mono, "IBM Plex Mono", monospace)}.stage__action:disabled{color:var(--stage-muted);cursor:default}.stage__action[aria-pressed]{border-color:var(--stage-line-strong)!important}.stage__action[aria-pressed=true]{background:var(--stage-fg);color:var(--stage-bg);border-color:var(--stage-fg)!important}.stage__glyph{width:20px;height:20px;flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.stage__action[aria-pressed=true] .stage__glyph--heart{fill:currentcolor}@media(hover:hover)and (pointer:fine){.stage__action:not(:disabled):hover{background:var(--stage-fg);color:var(--stage-bg);border-color:var(--stage-fg)!important}}.stage__play{flex:1 1 100%;justify-content:center;min-height:48px;padding:0 16px 0 12px;background:var(--stage-signal);color:var(--stage-ink);border-color:var(--stage-signal)!important}.stage__play .stage__glyph--play{fill:currentcolor}@media(hover:hover)and (pointer:fine){.stage__play:hover{background:var(--asif-signal-hover, #f1e98d);border-color:var(--asif-signal-hover, #f1e98d)!important;color:var(--stage-ink)}}.stage__strip{grid-area:strip;display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--stage-line);transition:border-color .32s var(--stage-ease)}.stage__strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.stage__strip-head a{font:700 var(--asif-step-0, 1rem)/1.2 var(--asif-sans, Archivo, Arial, sans-serif);letter-spacing:.02em;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.stage__slots{display:flex;gap:0;margin-inline:calc(var(--stage-pad) * -1);padding-inline:var(--stage-pad);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--stage-pad);scrollbar-width:none}.stage__slots::-webkit-scrollbar{display:none}.stage__slots>li:not(.stage__slot--note){display:contents}.stage__slots>li.stage__slot--note{display:grid}.stage__slot{display:grid;flex:0 0 auto;gap:4px;align-content:start;min-width:9rem;max-width:13rem;min-height:56px;padding:8px 12px 8px 0;margin-right:12px;border-top:2px solid var(--stage-line);scroll-snap-align:start;text-decoration:none;transition:border-color .32s var(--stage-ease)}.stage__slot:last-child{margin-right:0}.stage__slot time{font:400 var(--asif-step--1, .75rem)/1.2 var(--asif-mono, "IBM Plex Mono", monospace);letter-spacing:.04em;color:var(--stage-muted)}.stage__slot strong{font-size:var(--asif-step-0, 1rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.stage__slot.is-now{border-top-color:var(--stage-signal)}.stage__slot.is-now time{color:var(--stage-fg)}.stage__slot.is-now time:after{content:" \b7  Jetzt";font-weight:700}.stage--radio .stage__slot.is-now time:after{color:var(--stage-signal)}.stage__slot--note{min-width:0;max-width:none;border-top-color:transparent;color:var(--stage-muted);font-size:var(--asif-step-0, 1rem)}@media(hover:hover)and (pointer:fine){a.stage__slot:hover strong{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}}.stage__claim{grid-area:claim;display:grid;gap:12px;padding-top:24px;border-top:1px solid var(--stage-line);transition:border-color .32s var(--stage-ease)}.stage__claim-text{font-size:var(--asif-step-3, 2rem);font-weight:400;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.stage__claim-text strong{font-weight:720}.stage__dek{max-width:40.5rem;color:var(--stage-muted);font-size:var(--asif-step-0, 1rem);font-weight:450;line-height:1.5}.stage__dek a{color:var(--stage-fg);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.stage :is(a,button):focus-visible{outline:3px solid var(--stage-signal)!important;outline-offset:2px!important}html:not([data-asif-radio-mode=active]) .stage--home :is(a,button):focus-visible{outline-color:var(--stage-ink)!important}.stage__play:focus-visible{outline:3px solid var(--stage-fg)!important;outline-offset:2px!important}@media(min-width:40rem){.stage{--stage-pad: 28px}.stage__frame{grid-template-columns:304px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-areas:"sleeve track" "sleeve actions" "strip strip" "claim claim";column-gap:32px;row-gap:24px;padding-top:24px;padding-bottom:32px}.stage__sleeve{width:100%;aspect-ratio:1;margin:0;align-self:start}.stage__band{display:none}.stage__track{display:grid;align-self:end}.stage__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-self:start}.stage__actions .stage__action{justify-content:flex-start;padding:0 16px 0 12px}.stage__actions[data-count] .stage__action-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.stage__actions .stage__play{flex:0 0 auto;margin-left:auto;min-height:44px}.stage__title{font-size:var(--asif-step-3, 2rem)}.stage__title[data-fit=long]{font-size:var(--asif-step-2, 1.5rem)}.stage__title[data-fit=xlong]{font-size:var(--asif-step-1, 1.1875rem)}.stage__slot{min-width:11rem}}@media(min-width:64rem){.stage__frame{grid-template-columns:400px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"sleeve track" "sleeve actions" "sleeve claim" "strip strip";row-gap:24px}.stage__track{align-self:start;min-height:8rem;padding-top:8px}.stage__claim{align-self:end}.stage__claim-text{font-size:var(--asif-step-4, 2.75rem);letter-spacing:-.045em;line-height:.95}.stage__slots{margin-inline:0;padding-inline:0;overflow:visible}.stage__slot{flex:1 1 0;min-width:0;max-width:none}}body.asif-radio-product{background-color:var(--asif-ink, #181a1a)!important;color-scheme:dark}.header.color-scheme{transition:background-color .32s cubic-bezier(.2,0,0,1),color .32s cubic-bezier(.2,0,0,1),border-color .32s cubic-bezier(.2,0,0,1)}body.asif-radio-product .header.color-scheme,body.asif-radio-product .header.color-scheme.is-solid,body.asif-radio-product .header.color-scheme:hover,body.asif-radio-product .header.color-scheme:has([open]),html[data-asif-radio-mode=active] .header.color-scheme,html[data-asif-radio-mode=active] .header.color-scheme.is-solid,html[data-asif-radio-mode=active] .header.color-scheme:hover,html[data-asif-radio-mode=active] .header.color-scheme:has([open]){--background: 24 26 26 !important;--text-color: 242 239 230 !important;background:var(--asif-ink, #181a1a)!important;color:var(--asif-paper, #f2efe6)!important;border-block-end-color:#f2efe647!important}body.asif-radio-product .announcement-bar .color-scheme,body.asif-radio-product .footer.color-scheme,body.asif-radio-product .shopify-section--social-stream .color-scheme{--background: 24 26 26 !important;--text-color: 242 239 230 !important}@media(prefers-reduced-motion:reduce){.stage__dot{animation:none!important}.stage,.stage__strip,.stage__slot,.stage__claim,.stage__action,.stage__play,.header.color-scheme{transition:none!important}.stage__slots{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/asif-radio-widget.css.map */