.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);border-radius:var(--asif-radius-card, 8px);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(2,minmax(0,1fr));gap:8px}.stage__actions .stage__action{justify-content:center;min-width:0;padding:10px 12px}.stage__actions .stage__action-label{min-width:0;white-space:normal;overflow-wrap:anywhere}.stage__actions .stage__play{grid-column:1 / -1}.stage__count{margin-left:8px}.stage__action,.stage__play{display:inline-flex;min-height:48px;align-items:center;gap:8px;margin:0;padding:10px 16px;border:1px solid var(--stage-line-strong);border-radius:var(--asif-radius-control, 8px);background:transparent;color:var(--stage-fg);font:600 14px/1.35 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{flex:none;border-radius:6px;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:10px 16px;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:20px;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){position:relative;display:block;flex:1 0 14.5rem;min-width:0;scroll-snap-align:start}.stage__slots>li:not(:last-child):after{content:"";position:absolute;width:20px;right:-20px;top:50%;border-top:1px dashed var(--stage-line)}.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 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(max-width:39.999rem),(max-width:63.999rem)and (max-height:31.25rem)and (pointer:coarse){.stage--radio .stage__actions{grid-template-columns:repeat(var(--stage-n, 2),minmax(0,1fr))}.stage--radio .stage__action-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stage--radio .stage__action{gap:0}}@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:10px 16px}.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:48px}.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-x:auto}.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}}.stage__title,.stage__band-title,.stage__claim-text{font-family:var(--asif-component-display);font-weight:600}.stage__title{line-height:1.12}.stage__claim-text{line-height:1.05}.stage__label{font-family:var(--asif-sans);font-weight:600}.stage__actions>[hidden]{display:none}.stage__actions .stage__action--link{grid-column:1 / -1}.stage__action[aria-pressed=true]{background:var(--stage-signal);color:var(--stage-ink);border-color:var(--stage-signal)!important}.stage__action:focus-visible{outline-offset:3px!important}.stage__actions{align-content:start}@media(min-width:40rem){.stage__actions .stage__action{flex:0 1 auto;max-width:100%}.stage__actions[data-count] .stage__action-label{white-space:normal}}.stage__dot{border-radius:50%}.stage__slot{width:100%;min-width:0;max-width:none;min-height:76px;height:100%;padding:16px;margin:0;gap:8px;border:1px solid var(--stage-line);border-radius:8px;background:#f2efe606}.stage__slot.is-now{border-color:var(--stage-signal);background:#e7df720f}.stage__strip{border-top:0;padding-top:8px;gap:12px}.stage__slots{padding-block:3px}.stage__sleeve{border-color:var(--stage-line)}.stage__count{border:0;background:#7f7f7f26;min-width:24px;padding:4px 6px;text-align:center}.stage__slot:has(.stage__show-cover){grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:6px;align-content:center}.stage__show-cover{grid-column:1;grid-row:1 / 3;align-self:center;display:block;width:40px;height:40px;overflow:hidden;border-radius:8px;background:var(--show-color)}.stage__show-cover img{display:block;width:100%;height:100%;object-fit:contain}.stage__slot:has(.stage__show-cover) time,.stage__slot:has(.stage__show-cover) strong{grid-column:2}.stage--radio{isolation:isolate;background:#171f23}.stage__atmosphere{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.stage__atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f161a80,#0f161ac7),linear-gradient(0deg,#171f23,transparent 70%)}.stage__atmosphere img{width:100%;height:100%;object-fit:cover;filter:blur(48px) saturate(.65);transform:scale(1.12);opacity:.65}.stage--radio .stage__sleeve{background:#0b1013c2;border-color:#f2efe63d;box-shadow:0 20px 64px #0000002e}.stage--radio .stage__frame{position:relative}.stage--radio .stage__record .stage__art-outgoing{z-index:1;pointer-events:none}.stage--radio .stage__rings{z-index:2}@media(max-width:639px){.stage__atmosphere img{filter:blur(28px) saturate(.65)}}@media(prefers-reduced-motion:reduce){.stage__art-outgoing{display:none!important}}.stage__atmosphere .stage__art-outgoing{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.65}@media(max-width:39.999rem),(max-width:63.999rem)and (max-height:31.25rem)and (pointer:coarse){.stage--radio{--stage-mobile-height:100vh;--stage-disc-size:clamp(88px,calc(var(--stage-mobile-height) - var(--header-height,56px) - var(--asif-hub-bar-height,61px) - 344px),360px)}@supports (height:100svh){.stage--radio{--stage-mobile-height:100svh}}.stage--radio .stage__frame{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"sleeve" "actions" "strip";gap:12px;padding-top:calc(var(--header-height,56px) + 12px);padding-bottom:16px;min-height:calc(var(--stage-mobile-height) - var(--asif-hub-bar-height,61px) - 61px);align-content:space-between}.stage--radio .stage__claim--desktop{display:none}.stage--radio .stage__sleeve{aspect-ratio:auto;width:100%;max-width:none;grid-template-rows:auto auto auto;gap:6px;padding:8px 12px}.stage--radio .stage__meta{min-height:20px}.stage--radio .stage__disc{height:var(--stage-disc-size)}.stage--radio .stage__record{height:100%;width:auto}.stage--radio .stage__track{display:none}.stage--radio .stage__actions{display:grid}.stage--radio .stage__actions .stage__action{justify-content:center}.stage--radio .stage__actions[data-count] .stage__action-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.stage--radio .stage__band{display:grid;min-height:58px;align-content:center}.stage--radio .stage__band-title{font-size:17px;line-height:1.2}.stage--radio .stage__band-artist{font-size:14px;line-height:1.3}.stage--radio .stage__action{min-height:44px;padding-block:8px}.stage--radio .stage__strip{gap:6px;padding-top:0}.stage--radio .stage__slot{min-height:62px;padding:10px 12px}}body.asif-radio-product .header.color-scheme:not(:hover,.is-solid,:has(.header__primary-nav [open],.header__secondary-nav [open],.header-search[open])){background:transparent!important;--background:0 0 0 / 0!important;border-block-end-color:transparent!important}@media(min-width:40rem){.stage--radio .stage__frame{padding-top:calc(var(--header-height,0px) + 24px)}}@media(min-width:40rem)and (max-width:63.999rem)and (max-height:31.25rem)and (pointer:coarse){.stage--radio .stage__frame{padding-top:calc(var(--header-height,56px) + 12px)}}body.asif-radio-product .header__logo-image--transparent{inset-block-start:50%;transform:translateY(-50%)}body.asif-radio-product .header{padding-inline-start:max(var(--container-gutter),env(safe-area-inset-left,0px));padding-inline-end:max(var(--container-gutter),env(safe-area-inset-right,0px))}
/*# sourceMappingURL=/cdn/shop/t/237/assets/asif-radio-widget.css.map */