@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap";@property --radio-halo-offset{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@keyframes radio-halo{to{--radio-halo-offset: 100%}}:root{--radio-white: #f2f2f7;--radio-navy: #000064;--radio-halo-x: 50%;--radio-halo-y: 50%;animation:radio-halo 9.2s linear infinite}.radio-section{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;background-color:var(--radio-navy);background-image:repeating-radial-gradient(circle farthest-corner at var(--radio-halo-x) var(--radio-halo-y),var(--radio-white) var(--radio-halo-offset),rgba(242,242,247,.66) calc(var(--radio-halo-offset) + 33.333%),rgba(0,0,100,.33) calc(var(--radio-halo-offset) + 66.667%),var(--radio-white) calc(var(--radio-halo-offset) + 100%));color:var(--radio-navy);font-family:Roboto,sans-serif;padding:calc(var(--radio-header-h, 0px) + 32px) 4vw 48px 4vw}@supports ((-webkit-background-clip: text) or (background-clip: text)){html.has-halo-ink .radio-ink,html.has-halo-ink .radio-ink *{color:transparent!important}html.has-halo-ink .radio-ink{background-image:repeating-radial-gradient(circle farthest-corner at var(--radio-halo-x) var(--radio-halo-y),var(--radio-navy) var(--radio-halo-offset),var(--radio-navy) calc(var(--radio-halo-offset) + 42.5%),var(--radio-white) calc(var(--radio-halo-offset) + 43.1%),var(--radio-white) calc(var(--radio-halo-offset) + 82.1%),var(--radio-navy) calc(var(--radio-halo-offset) + 82.7%),var(--radio-navy) calc(var(--radio-halo-offset) + 100%));background-size:var(--radio-halo-w) var(--radio-halo-h);background-position:var(--radio-ink-x) var(--radio-ink-y);background-repeat:no-repeat;background-origin:border-box;-webkit-background-clip:text;background-clip:text}html.has-halo-ink .radio-ink--shape,html.has-halo-ink .radio-ink--svg{-webkit-background-clip:border-box;background-clip:border-box}html.has-halo-ink .radio-ink--svg{-webkit-mask:var(--radio-ink-mask) center / 100% 100% no-repeat;mask:var(--radio-ink-mask) center / 100% 100% no-repeat}html.has-halo-ink .radio-ink--svg>*{visibility:hidden}html.has-halo-ink .radio-ink--faded{opacity:.45;transition:opacity .15s ease}html.has-halo-ink :hover>.radio-ink--faded,html.has-halo-ink .radio-ink--faded:hover{opacity:1}}@media(prefers-reduced-motion:reduce){:root{--radio-halo-offset: 15%;animation:none}.radio-section .radio-sound-toggle{animation:none}}.radio-topbar{display:flex;align-items:flex-start;justify-content:flex-end;padding-bottom:24px}.radio-now-playing{margin:0;max-width:60ch;font-weight:900;font-size:2rem;line-height:1.2;text-align:right}.radio-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.5em;padding:4em 0}.radio-empty{font-size:1.25rem;text-align:center}.radio-wordmark{margin:0;font-family:inherit;font-weight:900;font-size:clamp(2rem,8.2vw,11rem);line-height:1;letter-spacing:-.03em;text-align:center;white-space:nowrap}.radio-wordmark__brand{color:var(--radio-white)}.radio-wordmark__label{color:var(--radio-navy)}.radio-controls{display:flex;justify-content:center}.radio-section.has-sound-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent}@keyframes radio-breathe{50%{opacity:.7}}.radio-sound-toggle{display:grid;margin:0;padding:.4em .2em;border:none;background:none;color:inherit;font-family:inherit;font-weight:900;font-size:2rem;line-height:1.2;letter-spacing:-.01em;cursor:pointer;animation:radio-breathe 3.2s ease-in-out infinite}.radio-sound-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}.radio-sound-toggle__text{grid-area:1 / 1;justify-self:center;white-space:nowrap;transition:opacity .45s ease,visibility .45s}.radio-sound-toggle__text--unmute,.radio-section.is-muted .radio-sound-toggle__text--mute{opacity:0;visibility:hidden}.radio-section.is-muted .radio-sound-toggle__text--unmute{opacity:1;visibility:visible}@media(max-width:749px){.radio-section{padding:calc(var(--radio-header-h, 0px) + 24px) 5vw 32px 5vw}.radio-now-playing{font-size:1.4rem}.radio-stage{gap:2em;padding:2.5em 0}.radio-wordmark{font-size:11vw}.radio-sound-toggle{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-radio.css.map */