.nvv-card-play-btn{position:absolute;bottom:10px;left:10px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;background:#000;color:#fff;border:2px solid #fff;cursor:pointer;padding:0;transition:transform .15s ease,background .15s ease,opacity .15s ease;opacity:.9;box-shadow:0 2px 8px #00000073}.nvv-card-play-btn:hover{transform:scale(1.06);opacity:1;background:#111}.nvv-card-play-btn.is-playing{background:#fff;color:#000;border-color:#000}.nvv-card-play-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.nvv-card-play-icon svg{width:15px;height:15px}.nvv-image-play-btn{position:absolute;bottom:18px;left:18px;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;background:#000000b8;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,transform .15s ease;white-space:nowrap;box-shadow:0 2px 12px #0000004d}.nvv-image-play-btn:hover{background:#000000e0;border-color:#ffffff80;transform:translateY(-1px)}.nvv-image-play-btn.is-playing{background:#fff;color:#000;border-color:#fff}.nvv-image-play-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#000;flex-shrink:0;transition:background .2s ease,color .2s ease}.nvv-image-play-btn.is-playing .nvv-image-play-icon{background:#000;color:#fff}.nvv-image-play-icon svg{width:13px;height:13px}.nvv-image-play-label{line-height:1}slider-component{position:relative;display:block}.nvv-tracklist{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid #1a1a1a}.nvv-track-row{display:flex;align-items:center;width:100%;background:#000;color:#fff;border:none;border-bottom:1px solid #1a1a1a;padding:16px 18px;cursor:pointer;font-family:inherit;font-size:14px;text-align:left;transition:background .15s ease;gap:14px}.nvv-track-row:hover,.nvv-track-row.is-playing{background:#111}.nvv-track-num{font-size:13px;color:#666;min-width:18px;flex-shrink:0;font-variant-numeric:tabular-nums}.nvv-track-row.is-playing .nvv-track-num{color:#fff}.nvv-track-name{flex:1;font-size:14px;font-weight:500;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvv-track-play-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;opacity:.7;transition:opacity .15s ease,transform .15s ease}.nvv-track-row:hover .nvv-track-play-icon{opacity:1}.nvv-track-play-icon svg{width:18px;height:18px}.nvv-track-row.is-playing .nvv-track-play-icon svg path{d:path("M6 19h4V5H6v14zm8-14v14h4V5h-4z")}.nvv-track-row.is-playing .nvv-track-play-icon{opacity:1}#nvv-player-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#000;color:#fff;display:flex;align-items:center;gap:12px;padding:0 20px;height:64px;border-top:1px solid #1a1a1a;box-shadow:0 -4px 24px #0009;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);font-family:inherit}#nvv-player-bar.is-visible{transform:translateY(0)}#nvv-bar-thumb{width:42px;height:42px;border-radius:2px;object-fit:cover;flex-shrink:0;border:1px solid #222;display:none}#nvv-bar-thumb.has-image{display:block}#nvv-bar-info{flex:1;min-width:0;overflow:hidden}#nvv-bar-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}#nvv-bar-artist{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;letter-spacing:.04em;text-transform:uppercase}#nvv-bar-track-counter{font-size:10px;color:#555;margin-top:2px;letter-spacing:.05em}#nvv-bar-progress-wrap{flex:2;min-width:80px;max-width:320px;display:flex;align-items:center;gap:8px}#nvv-bar-time-current,#nvv-bar-time-total{font-size:11px;color:#888;min-width:30px}#nvv-bar-time-current{text-align:right}#nvv-bar-progress{flex:1;height:3px;background:#333;border-radius:3px;cursor:pointer;appearance:none;-webkit-appearance:none;border:none;outline:none}#nvv-bar-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-4.5px}#nvv-bar-progress::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff var(--progress, 0%),#333 var(--progress, 0%));height:3px;border-radius:3px}#nvv-bar-progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}#nvv-bar-progress::-moz-range-track{height:3px;border-radius:3px;background:#333}#nvv-bar-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.nvv-bar-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .15s ease;line-height:1}.nvv-bar-btn:hover{background:#1a1a1a}.nvv-bar-btn:disabled{opacity:.2;cursor:default;pointer-events:none}#nvv-bar-play-pause{width:40px;height:40px;background:#fff;color:#000;border-radius:2px;padding:0}#nvv-bar-play-pause:hover{background:#ddd;color:#000}#nvv-bar-play-pause svg{width:20px;height:20px}.nvv-bar-btn svg{width:18px;height:18px}#nvv-bar-close{color:#555;margin-left:4px}#nvv-bar-close:hover{color:#fff}#nvv-bar-view-link{font-size:11px;color:#888;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;border:1px solid #333;border-radius:2px;padding:4px 10px;white-space:nowrap;transition:color .15s ease,border-color .15s ease;flex-shrink:0}#nvv-bar-view-link:hover{color:#fff;border-color:#fff}@media(min-width:750px){.nvv-tracklist-mobile-wrap{display:none}}@media(max-width:749px){.nvv-tracklist-desktop-wrap{display:none}.nvv-tracklist-mobile-wrap{display:block;margin-top:20px;margin-bottom:8px}#nvv-player-bar{height:60px;padding:0 12px;gap:8px}#nvv-bar-progress-wrap,#nvv-bar-view-link{display:none}#nvv-bar-title{font-size:12px}#nvv-bar-rewind,#nvv-bar-forward{display:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/nvv-audio-player.css.map */