@font-face { font-family: 'NotoSans'; src: url('/static/NotoSans.e30fe55b.woff2') format('woff2'); font-weight: 350; font-style: normal; }
*, *:before, *:after { box-sizing: inherit; }
html {
  --color-dark: #0e0326;
  --color-background: #c4d1eb;
  --full-width: 1346px;
  box-sizing: border-box;
  font-family: 'NotoSans';
  font-variant-numeric: tabular-nums;
  visibility: visible !important;
  &.redirecting { opacity: 0.4; }
}
table { border-collapse: collapse; }
textarea { 
  field-sizing: content;
  min-height: 40px;
  resize: none;
}
input:not([type]) { 
  field-sizing: content;
}
dialog {
  box-shadow: white 0 0 8px 8px;
}
dialog:has(textarea), dialog:has(input:visible:not([type])) {
  width: 500px;
}
dialog>form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  &>:first-child {
    margin: auto;
  }
  & hr {
    margin-left: 0;
    margin-right: 0;
  }
  & label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
  }
  & textarea { 
    width: 100%;
  }
  & input:not([type]) { 
    width: 100%;
  }
  &>details {
    &>summary {
      font-size: 12px;
    }
    &>div {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-left: 16px;
      margin-top: 8px;
    }
  }
  &>:last-child {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
}