html {
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}

select {
  background: var(--background-lighter);
  color: var(--foreground);
  font-family: var(--default-font);

  border: 1px solid var(--foreground-lighter);
  border-radius: 4px;
}

.spinner {
  font-size: 2em;
}

.button {
  border: 1px solid var(--foreground);
  border-radius: 4px;

  background: var(--background-lighter);
  color: var(--foreground);

  padding: 0.25em 1em;
  line-height: 1;

  display: block;
  text-align: center;

  cursor: pointer;

  input {
    display: none;
  }

  &.disabled, &:disabled {
    pointer-events: none;
    opacity: 0.7;
  }
}
