.styles-module__s_77-a__card{background:var(--black-2);border:1px solid var(--grey-4);border-radius:22px;flex-direction:column;gap:12px;padding:12px;transition:background .25s ease-in-out,transform .25s ease-in-out;display:flex;position:relative}.styles-module__s_77-a__card:hover{background:var(--black-3);transform:translateY(-2px)}.styles-module__s_77-a__cover-link{display:block}.styles-module__s_77-a__duration{background:var(--black-opacity-1);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600;position:absolute;bottom:10px;left:10px}.styles-module__s_77-a__play{opacity:0;transition:all .25s ease-in-out;position:absolute;top:calc(100% - 128px);right:22px;transform:translateY(8px)}.styles-module__s_77-a__card:hover .styles-module__s_77-a__play,.styles-module__s_77-a__card:focus-within .styles-module__s_77-a__play{opacity:1;transform:translateY(0)}@media (hover:none){.styles-module__s_77-a__play{opacity:1;transform:none}}.styles-module__s_77-a__body{flex-direction:column;gap:2px;min-width:0;padding:0 4px 2px;display:flex}.styles-module__s_77-a__name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.styles-module__s_77-a__author{color:var(--grey-2);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.styles-module__s_77-a__author:hover,.styles-module__s_77-a__name:hover{text-decoration:underline}.styles-module__s_77-a__meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.styles-module__s_77-a__plays{color:var(--grey-2);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}