#dp-radio{--k:#0b0b0b;--c:#F3ECDD;--g:#c4a05a;background:#0b0b0bf2;color:var(--c);font-family:Helvetica Neue,Arial,sans-serif;border:1px solid rgba(196,160,90,.6);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-sizing:border-box;contain:layout paint;box-shadow:0 6px 20px #00000073}#dp-radio *{box-sizing:border-box}.dpr__info{flex:1;min-width:0}.dpr__title{font-size:17px;line-height:21px;font-weight:800;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c)}.dpr__title:before{content:"\266a";color:var(--g);margin-right:5px}.dpr__artist{font-size:12px;line-height:16px;color:var(--c);opacity:.85;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr__merch{display:block;font-size:11px;line-height:14px;height:14px;color:var(--g);margin-top:2px;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr__dial{font-size:9px;line-height:12px;letter-spacing:.04em;color:var(--g);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr__bar{height:2px;background:#f3ecdd26;margin-top:4px;overflow:hidden}.dpr__bar i{display:block;height:100%;width:0;background:var(--g)}.dpr__btns{display:flex;gap:6px;flex:none}.dpr__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--g);background:var(--k);color:var(--c);display:grid;place-items:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.dpr__btn--play{background:var(--g);color:var(--k)}.dpr__btn svg{width:18px;height:18px;fill:currentColor}.dpr__btn:focus-visible,.dpr__merch:focus-visible{outline:2px solid var(--c);outline-offset:2px}.is-loading .dpr__btn--play{opacity:.6}.dpr__merch:not([href]){display:none}@media(max-width:749px){#dp-radio{position:fixed;left:8px;bottom:calc(var(--dpr-bottom,8px) + env(safe-area-inset-bottom));width:min(280px,calc(100vw - 80px));padding:8px 10px;gap:8px;z-index:3}body:has(cart-drawer [open],dialog[open],.drawer[open],.dd-playing) #dp-radio{visibility:hidden}}body:has(#PBarNextFrameWrapper) #dp-radio{bottom:calc(var(--dpr-bottom,8px) + 76px + env(safe-area-inset-bottom))}@media(min-width:750px){#dp-radio{max-width:420px}}@media(prefers-reduced-motion:reduce){#dp-radio *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dp-radio.css.map */