@charset "UTF-8";

body {
  padding: 0 20px;
  touch-action: pan-y;
}

button[disabled] .octicon {
  fill: var(--color-icon-tertiary);
  pointer-events: none;
}

details-dialog {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  transform: translateX(-50%);
  margin: 10vh auto;
  max-width: 90vw;
  width: 448px;
  max-height: 80vh;
  overflow: hidden;
}

.Box--overlay {
  box-shadow: 0 0 18px rgba(0, 0, 0, .4);
}

.main {
  position: relative;
  margin: 20px auto;
  max-width: 512px;
}

#cards-list {
  /*display: flex;*/
  /*flex-direction: column-reverse;*/
  max-height: calc(36.2 * 12px);
  overflow: hidden auto;
}

#cards-list[aria-busy="true"] li {
  border-top-color: var(--color-border-danger);
  background-color: var(--color-bg-danger);
  cursor: pointer;
}

#cards-list[aria-busy="true"] li:hover {
  background-color: var(--color-scale-red-4);
  color: var(--color-scale-white);
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}