.bn-player{margin-top:72px}.bn-player__titolo{font-family:var(--bn-font-head);font-size:32px;line-height:1.2;font-weight:500;color:var(--bn-accent);margin:0 0 24px}.bn-player__elenco{--bn-player-col: 3;--bn-player-gap: 16px;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px var(--bn-player-gap)}.bn-player__traccia{box-sizing:border-box;flex:0 0 calc((100% - (var(--bn-player-col) - 1) * var(--bn-player-gap)) / var(--bn-player-col));min-width:0;display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 14px 8px 8px;background-color:var(--bn-bg-elev);border:1px solid var(--bn-border);border-radius:var(--bn-radius);transition:border-color .2s ease}.bn-player__traccia:hover,.bn-player__traccia.is-active{border-color:var(--bn-accent)}@media(max-width:989px){.bn-player__elenco{--bn-player-col: 2}}@media(max-width:749px){.bn-player{margin-top:48px}.bn-player__titolo{font-size:26px;margin-bottom:18px}.bn-player__elenco{--bn-player-col: 1;row-gap:6px}}.bn-player__play{position:relative;flex:0 0 36px;width:36px;height:36px;padding:0;box-sizing:border-box;border:0;border-radius:50%;background-color:var(--bn-accent);cursor:pointer;transition:background-color .2s ease}.bn-player__play:hover{background-color:var(--bn-accent-hover)}.bn-player__play:focus-visible{outline:2px solid var(--bn-text);outline-offset:2px}.bn-player__play:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}.bn-player__traccia.is-playing .bn-player__play:before{width:10px;height:12px;margin:-6px 0 0 -5px;border:0;border-left:3px solid #fff;border-right:3px solid #fff}.bn-player__corpo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.bn-player__nome{font-family:var(--bn-font-body);font-size:14px;font-weight:600;line-height:1.3;color:var(--bn-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-player__onda{position:relative;display:block;height:26px;cursor:pointer}.bn-player__onda canvas{display:block;width:100%;height:100%}.bn-player__onda:focus-visible{outline:2px solid var(--bn-accent);outline-offset:2px}.bn-player__tempo{flex:0 0 auto;min-width:34px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--bn-text-muted)}.bn-player--demo{margin:0 0 24px}.bn-player--demo .bn-player__elenco{display:block}.bn-player--demo .bn-player__traccia{width:100%;min-height:84px;padding:12px 16px 12px 12px;gap:14px;border-color:#fc850373}.bn-player--demo .bn-player__play{flex-basis:44px;width:44px;height:44px}.bn-player--demo .bn-player__play:before{margin:-7px 0 0 -3px;border-width:7px 0 7px 12px}.bn-player--demo .bn-player__traccia.is-playing .bn-player__play:before{width:12px;height:14px;margin:-7px 0 0 -6px}.bn-player--demo .bn-player__onda{height:34px}.bn-player__occhiello{font-family:var(--bn-font-head);font-size:11px;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--bn-accent)}@media(prefers-reduced-motion:reduce){.bn-player__traccia,.bn-player__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/bn-player.css.map */