.sgl .sgl__media{position:relative}.sgl .sgl__media video.is-gif{display:block;width:100%;height:auto;pointer-events:none;background:#f2f2f2}.sgl .sgl__media--full{width:100%;max-width:var(--sgh-maxw, none);margin:0 auto;border-radius:0;box-shadow:none;overflow:hidden;background:#121212;line-height:0}.sgl .sgl__media--full video,.sgl .sgl__media--full video.is-gif,.sgl .sgl__media--full img{display:block;width:100%;height:auto;object-fit:fill}.sgl .sgl__media--full.is-crop video,.sgl .sgl__media--full.is-crop video.is-gif,.sgl .sgl__media--full.is-crop img{height:var(--sgh-vh);object-fit:cover;object-position:center 35%}.sgl--mediatop .sgl__hero{padding-top:40px}.sgl .sgl__listen{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:9px 20px 9px 9px;border:0;border-radius:999px;background:#fff;box-shadow:0 6px 22px -6px #00000059;font:inherit;font-size:15px;font-weight:600;line-height:1;color:var(--sg-ink);cursor:pointer;transition:transform .12s,box-shadow .2s}.sgl .sgl__listen:hover{transform:translateY(-1px);box-shadow:0 10px 26px -6px #0006}.sgl .sgl__listen:active{transform:translateY(0)}.sgl .sgl__media--full .sgl__listen{right:24px;bottom:24px}.sgl .sgl__listenicon{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--sg-accent)}.sgl .sgl__listenicon svg{width:13px;height:13px;fill:#fff}.sgl .sgl__listen .sgl__pauseglyph,.sgl .sgl__listen.is-playing .sgl__playglyph{display:none}.sgl .sgl__listen.is-playing .sgl__pauseglyph{display:block}.sgl .sgl__listenbar{position:absolute;left:0;bottom:0;z-index:2;height:3px;width:0;background:var(--sg-accent);transition:width .2s linear}.sgl .sgl__btn--wide{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;max-width:440px;margin:0 auto;padding:19px 28px;border-radius:14px}.sgl .sgl__btnicon{width:21px;height:21px;flex:none}@media(max-width:749px){.sgl .sgl__media--full .sgl__listen{right:12px;bottom:12px}.sgl--mediatop .sgl__hero{padding-top:30px}.sgl .sgl__listen{padding:7px 15px 7px 7px;font-size:13.5px;gap:8px}.sgl .sgl__listenicon{width:25px;height:25px}.sgl .sgl__listenicon svg{width:11px;height:11px}.sgl .sgl__btn--wide{max-width:none;padding:17px 22px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cb-song-hero.css.map */