ul#relation-list{margin:0;padding:0;list-style:none;& li{list-style:none}}.relation-card{border:var(--border);border-radius:var(--rounding);background-color:var(--background-panel);transition:border-color var(--duration-very-fast)ease-in-out,box-shadow var(--duration-very-fast)ease-in-out;flex-direction:row;align-items:center;gap:.5rem;padding:1rem;display:flex;&:hover{border-color:var(--foreground-secondary)}& a{flex-direction:row;flex-grow:1;text-decoration:none;display:flex;& .left{flex-direction:column;flex-grow:1;justify-content:space-between;gap:.5rem;display:flex}& .word-text{color:var(--foreground-primary);font-weight:600}& .word-definition{color:var(--foreground-secondary);font-size:.875rem}& .creator{color:var(--foreground-secondary);flex-direction:row;align-items:center;gap:.25rem;font-size:.875rem;display:flex}& .relation-language-code{color:var(--foreground-tertiary);border:var(--border);border-radius:var(--rounding);padding:.125rem .5rem;font-size:.75rem}}& .relation-actions{align-items:center;gap:.5rem;display:flex}}