/* Aparelhos (account/sessions): the account's logged-in devices, each with its own sign-out. */

@layer components {
  .sessions-row {
    &:active { background: none; }
  }

  .sessions-sign-out {
    min-height: 48px;
    padding: 0 12px;
    border: none;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--color-danger-text);
    font: inherit;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;

    &:active { background: var(--color-danger-wash); }
  }
}