.ad-radio,.ad-radio *{box-sizing:border-box}.ad-radio{position:fixed;left:0;right:0;bottom:0;z-index:40;font-family:var(--font-body-family,-apple-system,"Helvetica Neue",sans-serif);-webkit-font-smoothing:antialiased}.ad-radio[hidden]{display:none}.ad-radio__bar{display:flex;align-items:center;gap:1.6rem;height:var(--adr-h,48px);padding:0 2rem;background:var(--adr-bg,#fff);color:var(--adr-fg,#111);border-top:1px solid var(--adr-border,rgba(0,0,0,.12))}.ad-radio__left{display:flex;align-items:center;gap:1.2rem;min-width:0;flex:1 1 30%}.ad-radio__brand{text-transform:uppercase;letter-spacing:.18em;font-size:1rem;white-space:nowrap}.ad-radio__sep{color:var(--adr-sec,#777)}.ad-radio__title{font-size:1.1rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ad-radio__center{display:flex;align-items:center;gap:1.2rem;flex:1 1 40%;max-width:52rem}.ad-radio__time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:1rem;color:var(--adr-sec,#777);white-space:nowrap;min-width:4rem;text-align:center}.ad-radio__progress{position:relative;flex:1 1 auto;height:1.6rem;display:flex;align-items:center;cursor:pointer;touch-action:none}.ad-radio__progress-track{position:absolute;left:0;right:0;height:1px;background:var(--adr-border,rgba(0,0,0,.12))}.ad-radio__progress-fill{position:absolute;left:0;height:1px;width:0;background:var(--adr-fg,#111)}.ad-radio__progress:hover .ad-radio__progress-fill,.ad-radio__progress:focus-visible .ad-radio__progress-fill{height:2px}.ad-radio__progress:focus{outline:none}.ad-radio__progress:focus-visible .ad-radio__progress-track{height:2px}.ad-radio__right{display:flex;align-items:center;gap:1.4rem;flex:1 1 30%;justify-content:flex-end}.ad-radio__btn{-webkit-appearance:none;appearance:none;background:transparent;border:0;margin:0;padding:.6rem;color:inherit;cursor:pointer;line-height:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.ad-radio__btn svg{width:1.5rem;height:1.5rem;display:block;fill:currentColor}.ad-radio__btn:focus-visible,.ad-radio__playlist-btn:focus-visible,.ad-radio__track:focus-visible{outline:1px solid var(--adr-fg,#111);outline-offset:2px}.ad-radio__btn[aria-pressed=true]{opacity:1}.ad-radio__btn--shuffle{opacity:.45}.ad-radio__btn--shuffle[aria-pressed=true]{opacity:1}.ad-radio__icon-pause,.ad-radio--playing .ad-radio__icon-play{display:none}.ad-radio--playing .ad-radio__icon-pause{display:block}.ad-radio__playlist-btn{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.18em;font-size:1rem;padding:.6rem .2rem;font-family:inherit}.ad-radio__vol{position:relative;display:flex;align-items:center}.ad-radio__vol-range{width:0;opacity:0;transition:width .2s ease,opacity .2s ease;height:2px;-webkit-appearance:none;appearance:none;background:var(--adr-border,rgba(0,0,0,.2));margin-left:.6rem;pointer-events:none;vertical-align:middle}.ad-radio__vol:hover .ad-radio__vol-range,.ad-radio__vol:focus-within .ad-radio__vol-range{width:6rem;opacity:1;pointer-events:auto}.ad-radio__vol-range::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--adr-fg,#111);border-radius:50%;cursor:pointer}.ad-radio__vol-range::-moz-range-thumb{width:9px;height:9px;background:var(--adr-fg,#111);border:0;border-radius:50%;cursor:pointer}.ad-radio--novol .ad-radio__vol,.ad-radio__mobile-toggle{display:none}.ad-radio__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:44}.ad-radio__overlay.is-open{opacity:1;visibility:visible}.ad-radio__overlay[hidden]{display:none}.ad-radio__drawer{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--adr-drawer,#fff);color:var(--adr-fg,#111);border-top:1px solid var(--adr-border,rgba(0,0,0,.12));transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);max-height:80vh}.ad-radio__drawer.is-open{transform:translateY(0)}.ad-radio__drawer[hidden]{display:none}@media(min-width:750px){.ad-radio__drawer{height:clamp(350px,52vh,500px)}}.ad-radio__drawer-inner{position:relative;padding:2.4rem;height:100%;overflow:auto;display:flex;flex-direction:column}.ad-radio__close{position:absolute;top:1.4rem;right:1.6rem;background:none;border:0;color:inherit;font-size:2.2rem;line-height:1;cursor:pointer;padding:.4rem;font-family:inherit}.ad-radio__drawer-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;border-bottom:1px solid var(--adr-border,rgba(0,0,0,.12));padding-bottom:1.4rem;margin:0 3rem 1.8rem 0}.ad-radio__drawer-title{text-transform:uppercase;letter-spacing:.16em;font-size:1.2rem}.ad-radio__drawer-issue{text-transform:uppercase;letter-spacing:.16em;font-size:1rem;color:var(--adr-sec,#777);white-space:nowrap}.ad-radio__drawer-body{display:flex;gap:3rem;flex:1 1 auto;min-height:0}.ad-radio__cover{flex:0 0 40%;max-width:40%}.ad-radio__cover img{width:100%;height:100%;object-fit:cover;display:block}.ad-radio__col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ad-radio__list{list-style:none;margin:0;padding:0;overflow:auto}.ad-radio__track{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.4rem;padding:1.2rem .2rem;border-bottom:1px solid var(--adr-border,rgba(0,0,0,.12));cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;color:inherit;font-family:inherit}.ad-radio__track:hover{opacity:.62}.ad-radio__track-num{font-size:1rem;color:var(--adr-sec,#777);font-variant-numeric:tabular-nums}.ad-radio__track-title{font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase}.ad-radio__track.is-active .ad-radio__track-title{font-weight:600}.ad-radio__track-dur{font-size:1rem;color:var(--adr-sec,#777);font-variant-numeric:tabular-nums}.ad-radio__eq{display:none;width:12px;height:12px;align-items:flex-end;gap:2px}.ad-radio__track.is-active .ad-radio__eq{display:inline-flex}.ad-radio__eq i{width:2px;background:var(--adr-fg,#111);height:4px;animation:adrEq .9s ease-in-out infinite}.ad-radio__eq i:nth-child(2){animation-delay:.2s}.ad-radio__eq i:nth-child(3){animation-delay:.4s}@keyframes adrEq{0%,to{height:3px}50%{height:11px}}.ad-radio__np{display:none}@media(max-width:749px){.ad-radio__center,.ad-radio__right{display:none}.ad-radio__mobile-toggle{display:inline-flex;margin-left:auto}.ad-radio__left{flex:1 1 auto}.ad-radio__drawer-body{flex-direction:column;gap:2rem}.ad-radio__cover{max-width:100%;flex-basis:auto;max-height:34vh}.ad-radio__np{display:flex;flex-direction:column;gap:1.4rem;padding-top:1.8rem;margin-top:1.8rem;border-top:1px solid var(--adr-border,rgba(0,0,0,.12))}.ad-radio__np-row{display:flex;align-items:center;gap:2.2rem;justify-content:center}.ad-radio__np .ad-radio__center{display:flex;max-width:none}.ad-radio__np .ad-radio__title{font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;text-align:center}}@media(prefers-reduced-motion:reduce){.ad-radio__drawer,.ad-radio__overlay{transition:none}.ad-radio__eq i{animation:none;height:7px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/ad-radio.css.map */