@layer components{.collection-item-container[data-v-94cf7506]{display:flex;position:relative}@media (hover:hover){.collection-item-container[data-v-94cf7506]:has(.collection-item-link):hover .btn-favorite{opacity:1}.collection-item-container:has(.collection-item-link):hover .collection-item__header[data-v-94cf7506]{box-shadow:var(--shadow-xl)}}.collection-item-link[data-v-94cf7506]{z-index:1;position:absolute;inset:0}.collection-item[data-v-94cf7506]{flex-direction:column;width:100%;display:flex}.collection-item__header[data-v-94cf7506]{min-height:24rem;transition:var(--transition-default);display:flex;position:relative}.collection-item__controls[data-v-94cf7506]{inset:auto var(--spacing-2xs) var(--spacing-2xs) auto;z-index:2;position:absolute}.collection-item__controls[data-v-94cf7506] .btn-favorite{opacity:0;transition:var(--transition-fast)}.collection-item__body[data-v-94cf7506]{gap:var(--spacing-2xs);padding-block:var(--spacing-lg)}.collection-item__body[data-v-94cf7506],.collection-item__content[data-v-94cf7506]{flex-direction:column;display:flex}.collection-item__title[data-v-94cf7506]{color:var(--c-title);font-size:2.1rem;font-weight:700;font-family:var(--font-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width>=75em){.collection-item__title[data-v-94cf7506]{font-size:2.8rem;line-height:1.1}}.collection-item__artist[data-v-94cf7506]{justify-content:flex-start;align-items:center;gap:var(--spacing-4xs);color:var(--c-subtitle);font-size:var(--text-caption);line-height:var(--text-caption-lh);grid-template-columns:repeat(3,auto);display:inline-grid}.collection-item__artist-name[data-v-94cf7506]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collection-item__pieces[data-v-94cf7506]{align-items:center;gap:var(--spacing-4xs);color:var(--c-caption);font-size:1rem;display:flex}.collection-item__pieces[data-v-94cf7506] .icon{width:1.6rem;height:1.6rem}.collection-item__pieces[data-v-94cf7506] .icon svg path{vector-effect:non-scaling-stroke}}
