.beat-card[data-v-af342de5]{cursor:pointer;transition:transform .2s ease-in-out}.beat-card[data-v-af342de5]:hover{transform:translateY(-2px)}.cover-container[data-v-af342de5]{overflow:hidden;position:relative}.beat-cover[data-v-af342de5]{transition:transform .3s ease}.overlay[data-v-af342de5]{align-items:center;background:#0006;display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.cover-container:hover .overlay[data-v-af342de5]{opacity:1}.cover-container:hover .beat-cover[data-v-af342de5]{transform:scale(1.05)}.play-btn[data-v-af342de5]{left:50%;top:50%;transform:translate(-50%,-50%)}.like-btn[data-v-af342de5],.play-btn[data-v-af342de5]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6!important;position:absolute}.like-btn[data-v-af342de5]{right:8px;top:8px}.beat-info[data-v-af342de5]{padding:12px!important}.beat-title[data-v-af342de5]{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-author[data-v-af342de5]{color:rgba(var(--v-theme-on-surface),.6);cursor:pointer;font-size:12px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.beat-author[data-v-af342de5]:hover{color:var(--v-theme-primary);text-decoration:underline}.add-to-cart-btn[data-v-af342de5]{font-size:12px;font-weight:600;height:32px;width:100%}