.beats-page{padding-top:40px;padding-bottom:140px;font-family:Poppins,sans-serif}.beats-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.beats-header__title{font-size:clamp(24px,3vw,36px);font-weight:800;color:#2e2a39;margin:0 0 4px}.beats-header__count{font-size:14px;color:#6b6580;margin:0}.beats-header__right{display:flex;align-items:center;gap:12px}.beats-filter-btn{display:flex;align-items:center;gap:8px;background:#2e2a39;color:#fdfbf7;border:none;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s,transform .15s}.beats-filter-btn svg{width:16px;height:16px}.beats-filter-btn:hover{background:#4a4060;transform:translateY(-1px)}.beats-filter-btn.is-active{background:#7c6fe0}.beats-filter-btn__count{background:#ddd7ff;color:#2e2a39;border-radius:100px;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.beats-sort{background:#fff;border:1.5px solid rgba(46,42,57,.15);border-radius:100px;padding:10px 36px 10px 16px;font-size:14px;font-family:Poppins,sans-serif;color:#2e2a39;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E2A39' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.beats-filters{max-height:0;overflow:hidden;transition:max-height .35s ease,margin .35s ease;margin-bottom:0}.beats-filters.is-open{max-height:400px;margin-bottom:28px}.beats-filters__inner{background:#f8f6ff;border:1.5px solid rgba(124,111,224,.15);border-radius:16px;padding:24px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.filter-group{display:flex;flex-direction:column;gap:10px;min-width:120px}.filter-group__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b6580;margin:0}.filter-group__pills{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{background:#fff;border:1.5px solid rgba(46,42,57,.12);border-radius:100px;padding:6px 14px;font-size:13px;font-weight:500;font-family:Poppins,sans-serif;color:#2e2a39;cursor:pointer;transition:all .15s}.filter-pill:hover{border-color:#7c6fe0;color:#7c6fe0}.filter-pill.is-active{background:#2e2a39;border-color:#2e2a39;color:#ddd7ff}.beats-filter-reset{background:none;border:none;font-size:13px;font-family:Poppins,sans-serif;color:#6b6580;cursor:pointer;text-decoration:underline;padding:6px 0;margin-left:auto;align-self:flex-end}.beats-filter-reset:hover{color:#2e2a39}.beats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.beats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.beats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.beats-grid{grid-template-columns:1fr}}.beat-card{background:#fff;border:1.5px solid rgba(46,42,57,.08);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.beat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2e2a391f;border-color:#7c6fe04d}.beat-card__cover-link{display:block;text-decoration:none}.beat-card__cover{position:relative;aspect-ratio:1 / 1;background:#2e2a39;overflow:hidden}.beat-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .3s ease}.beat-card:hover .beat-card__cover img{transform:scale(1.05);filter:brightness(.7)}.beat-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2e2a39,#4a4060);color:#ddd7ff;opacity:.4}.beat-card__cover-placeholder svg{width:48px;height:48px}.beat-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.beat-card:hover .beat-card__overlay{opacity:1}.beat-card__play{width:52px;height:52px;border-radius:50%;background:#fdfbf7f2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2e2a39;transition:transform .15s,background .15s;box-shadow:0 4px 20px #0000004d}.beat-card__play:hover{transform:scale(1.1);background:#fff}.beat-card__play svg{width:22px;height:22px}.beat-card__play .hidden{display:none}.beat-card__badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.beat-card__badge--exclu{background:#22c55e;color:#fff}.beat-card__info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.beat-card__title{font-size:15px;font-weight:700;color:#2e2a39;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.beat-card__title:hover{color:#7c6fe0}.beat-card__tags{display:flex;flex-wrap:wrap;gap:4px}.beat-tag{font-size:11px;font-weight:500;padding:3px 8px;border-radius:100px;background:#f0eeff;color:#7c6fe0}.beat-tag--genre{background:#2e2a39;color:#ddd7ff}.beat-card__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.beat-card__price{font-size:13px;font-weight:700;color:#2e2a39}.beat-card__btn{font-size:12px;font-weight:700;color:#7c6fe0;text-decoration:none;transition:color .15s}.beat-card__btn:hover{color:#2e2a39}.beats-empty,.beats-no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b6580;font-size:15px}.beats-no-results button{margin-top:12px;background:#2e2a39;color:#fdfbf7;border:none;border-radius:100px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer}.filter-bpm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-bpm__input{width:72px;padding:6px 10px;border:1.5px solid rgba(46,42,57,.15);border-radius:100px;font-size:13px;font-family:Poppins,sans-serif;color:#2e2a39;background:#fff;outline:none;text-align:center;-moz-appearance:textfield}.filter-bpm__input::-webkit-inner-spin-button,.filter-bpm__input::-webkit-outer-spin-button{-webkit-appearance:none}.filter-bpm__input:focus{border-color:#7c6fe0}.filter-bpm__sep{font-size:13px;color:#6b6580}.filter-bpm__apply{padding:6px 14px;border:1.5px solid #2E2A39;border-radius:100px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;color:#2e2a39;background:#fff;cursor:pointer;transition:all .15s}.filter-bpm__apply:hover{background:#2e2a39;color:#ddd7ff}.filter-bpm__clear{width:28px;height:28px;border-radius:50%;border:none;background:#2e2a391a;color:#2e2a39;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.filter-bpm__clear:hover{background:#2e2a3933}.beats-sticky-player{position:fixed;bottom:0;left:0;right:0;background:#2e2a39;color:#fdfbf7;padding:10px 20px;display:flex;align-items:center;gap:20px;z-index:1000;box-shadow:0 -8px 40px #00000040;font-family:Poppins,sans-serif;min-height:72px}.sticky-player__left{display:flex;align-items:center;gap:12px;flex:0 0 260px;min-width:0}.sticky-player__cover-wrap{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#4a4060;display:flex;align-items:center;justify-content:center}.sticky-player__cover{width:100%;height:100%;object-fit:cover;display:block}.sticky-player__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ddd7ff;opacity:.5}.sticky-player__cover-placeholder svg{width:22px;height:22px}.sticky-player__meta{min-width:0;display:flex;flex-direction:column;gap:4px}.sticky-player__title{font-size:13px;font-weight:700;color:#fdfbf7;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:color .15s}.sticky-player__title:hover{color:#ddd7ff}.sticky-player__tags{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.sp-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;background:#ffffff1a;color:#ffffffb3;white-space:nowrap;flex-shrink:0}.sp-tag--genre{background:#7c6fe04d;color:#ddd7ff}.sticky-player__center{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.sticky-player__controls{display:flex;align-items:center;justify-content:center;gap:8px}.sticky-player__btn{width:44px;height:44px;border-radius:50%;background:#b8aeff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2e2a39;transition:background .2s,transform .15s;flex-shrink:0}.sticky-player__btn:hover{background:#ddd7ff;transform:scale(1.05)}.sticky-player__btn svg{width:22px;height:22px}.sticky-player__btn .hidden{display:none}.sticky-player__ctrl{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:background .2s,color .2s,transform .15s;flex-shrink:0}.sticky-player__ctrl:hover{background:#ffffff26;color:#fff;transform:scale(1.08)}.sticky-player__ctrl svg{width:18px;height:18px}.sticky-player__ctrl--shuffle.is-active{color:#b8aeff;background:#b8aeff26}.sticky-player__progress-wrap{display:flex;flex-direction:column;gap:4px}.sticky-player__progress{-webkit-appearance:none;appearance:none;width:100%;height:4px;border:none;border-radius:100px;background:#ffffff26;cursor:pointer;display:block}.sticky-player__progress::-webkit-progress-bar{background:#ffffff26;border-radius:100px}.sticky-player__progress::-webkit-progress-value{background:#b8aeff;border-radius:100px}.sticky-player__progress::-moz-progress-bar{background:#b8aeff;border-radius:100px}.sticky-player__times{display:flex;justify-content:space-between;font-size:10px;color:#fff6}.sticky-player__close{width:32px;height:32px;border-radius:50%;background:none;border:none;color:#ffffff59;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.sticky-player__close:hover{color:#fff;background:#ffffff1a}.sticky-player__close svg{width:16px;height:16px}@media(max-width:768px){.beats-sticky-player{padding:10px 14px;gap:12px}.sticky-player__left{flex:0 0 auto}.sticky-player__meta,.sticky-player__ctrl--shuffle{display:none}}@media(max-width:480px){.sticky-player__left{gap:8px}.sticky-player__ctrl--prev,.sticky-player__ctrl--next{width:30px;height:30px}.sticky-player__ctrl--prev svg,.sticky-player__ctrl--next svg{width:15px;height:15px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection.beats.css.map */