@import 'https://unpkg.com/open-props';
@import 'https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css';
@import url("./utils.819407e49297.css");
@import url("./scores.fea947be0152.css");
@import url("./brackets.9482881d02a0.css");

:root {
  --max-width: 58rem;

  --pico-spacing: var(--size-3);
  --pico-form-element-spacing-vertical: var(--size-2);
  --pico-form-element-spacing-horizontal: var(--size-3);

  --selected-player-background-color: #0a0c0f;
  --pico-form-element-background-color: var(--selected-player-background-color);
  --pico-form-element-active-background-color: var(--selected-player-background-color);
  --pico-dropdown-background-color: #202531;

  --pico-color: #e0e0e0;
  --gold: #e9c46a;
  --bracket-font-size: 0.7rem;
}

body {
  font-family: var(--font-system-ui);
}

.wrapper {
  width: min(100% - 2rem, var(--max-width));
  margin-inline: auto;
}

a:not([role='button']) {
  --pico-text-decoration: none;
  --pico-color: #e0e0e0;
  --pico-primary-hover: var(--pico-color);
  --pico-primary-hover-underline: var(--pico-color);
  --pico-underline: var(--pico-color);
}

a:not([role='button']):hover {
  --pico-text-decoration: none !important;
}

.correct-answer {
  color: var(--pico-ins-color) !important;
}

.incorrect-answer {
  color: var(--pico-del-color) !important;
  margin-right: var(--size-1);
}

.ml-1 {
  margin-left: 0.25rem;
}

.w-full {
  width: 100%;
}