.music{margin-top:calc(1.5 * var(--rhythmic-unit))}.music__item{border-block-start:var(--border);padding:calc(1.5 * var(--rhythmic-unit)) 0}.music__link{row-gap:calc(.5 * var(--rhythmic-unit));grid-template-columns:1fr;text-decoration:none;display:grid;&:hover,&:focus-visible,&:active{& .music__cover-img{transform:scale(1.05)}& .music__cover-overlay{opacity:1;backdrop-filter:blur(2px);background:#0006}& .music__title{color:var(--color-link)}}}.music__cover{border-radius:var(--border-radius);align-self:flex-start;width:100%;max-width:120px;position:relative;overflow:hidden}.music__cover-picture{aspect-ratio:1;width:100%}.music__cover-img{object-fit:cover;width:100%;height:100%;transition:var(--transition) transform}.music__cover-overlay{z-index:2;color:#f0f0f0;opacity:0;transition:var(--transition) opacity, var(--transition) background-color, var(--transition) filter;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.music__cover-overlay-icon{filter:drop-shadow(0 2px 5px #00000080)}.music__header{align-items:center;gap:calc(.25 * var(--rhythmic-unit)) var(--rhythmic-unit);flex-wrap:wrap;justify-content:space-between;display:flex}.music__title{color:var(--color-text--no-animation);transition:var(--transition-mode) color}.music__year{font-family:var(--font-family-mono), monospace;font-size:var(--font-size-small);color:var(--color-text-secondary);transition:var(--transition-mode) color}.music__desc{color:var(--color-text-secondary);transition:var(--transition-mode) color;margin-block-start:calc(.75 * var(--rhythmic-unit))}.music__header-title-container{gap:calc(.5 * var(--rhythmic-unit));display:flex}.music__badge{width:var(--rhythmic-unit);height:var(--rhythmic-unit);background:var(--color-surface);border:var(--border-width) solid var(--color-text-secondary);color:var(--color-text-secondary);font-size:var(--font-size-tiny);border-radius:var(--border-radius-small);margin-top:calc(.5 * var(--rhythmic-unit));transition:var(--transition-mode) color, var(--transition-mode) border-color;justify-content:center;align-self:flex-start;align-items:center;font-weight:600;line-height:1;display:inline-flex}.music__badge--explicit{cursor:help}.tag--type{background:var(--color-bg);border:var(--border--no-animation);color:var(--color-text--no-animation);transition:var(--transition-mode) color, var(--transition-mode) border-color}@media (width>=500px){.music__link{column-gap:var(--rhythmic-unit);grid-template-columns:auto 1fr}}