.profile-card{background:var(--shade-300);box-sizing:border-box;transition:var(--global-transition);border-left:4px solid #0000;flex-direction:column;justify-content:center;padding-right:12px;display:flex;position:relative}.profile-card.active{background:var(--shade-700);border-left:4px solid var(--primary-200)}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.profile-card:hover{background:var(--shade-700);border-left:4px solid var(--primary-200)}}