.profile-card{position:relative;display:flex;justify-content:center;flex-direction:column;background:var(--shade-300);box-sizing:border-box;padding-right:12px;border-left:4px solid transparent;transition:var(--global-transition)}.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)}}