/*
 * Copyright 2025 Marek Kobida
 * Last Updated: 27.05.2025
 */

.Switch {
  background-color: hsl(0, 0%, 0%);
  border: transparent solid calc(var(--border-width) * 2);
  border-radius: 2rem;
  box-sizing: content-box; /* ⚠️ */
  transition-duration: 0.375s;
  transition-property: background-color;
  width: 4rem;

  &.Switched {
    background-color: hsl(120, 50%, 50%);

    > div {
      transform: translateX(100%);
    }
  }

  > div {
    background-color: hsl(0, 0%, 100%);
    border-radius: 1rem;
    height: 2rem;
    transition-duration: 0.625s;
    transition-property: transform;
    width: 2rem;
  }
}

input,
select,
textarea {
  background-color: hsl(0, 0%, 100%);
}

input[type="submit"] {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
  letter-spacing: 2px;
}

table.AccountListTable {
  border-collapse: collapse;

  tr {
    border-top: var(--border-color) solid var(--border-width);
    vertical-align: top;

    th {
      text-align: left;
    }
  }
}