@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/roboto-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: #ffffff;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

.vex-er {
  --program-accent: #d7282f;
  --program-accent-foreground: #ffffff;
  --background: #ffffff;
  --sunken: #f2f2f1;
  --card: #ffffff;
  --foreground: #0c0a09;
  --secondary: #f4f4f5;
  --secondary-foreground: #18181b;
  --muted: #f5f5f4;
  --muted-foreground: #79716b;
  --border: #e7e5e4;
  --ring: #a6a09b;
  --btn-action: #4f4a58;
  --btn-action-foreground: #ffffff;
  --btn-destructive: #8a3730;
  --btn-destructive-foreground: #ffffff;
  --btn-success: #2e623b;
  --btn-success-foreground: #ffffff;
  --destructive: #8a3730;
  --selected: #4f4a58;
  --selected-foreground: #ffffff;
  --info-surface: #ecf3fc;
  --info-border: #8497ac;
  --info-foreground: #3b5066;
  --info-icon: #4c7299;
  --success-surface: #e3f9e7;
  --success-border: #6ba176;
  --success-foreground: #245932;
  --success-icon: #008237;
  --warning-surface: #fff0c9;
  --warning-border: #b68f36;
  --warning-foreground: #61490d;
  --warning-icon: #956500;
  --error-surface: #ffebe8;
  --error-border: #d77b75;
  --error-foreground: #81322f;
  --error-icon: #cb3235;
  --radius-sm: .375rem;
  --radius-md: .5rem;
  --radius-lg: .75rem;
  --radius-pill: 1.625rem;
  --tone-sky: #0ea5e9;
  --tone-sky-ink: #0369a1;
  --tone-teal: #0d9488;
  --tone-teal-ink: #0f766e;
  --tone-violet: #7c3aed;
  --tone-violet-ink: #6d28d9;
  --seg-quals: #4f46e5;
  --seg-selection: #f59e0b;
  --seg-elims: #e11d48;
  --seg-awards: #047857;
  --seg-checkin: #dcdad8;
  --play: var(--seg-quals);
  --edge-strong: #79716b;
  --hatch: repeating-linear-gradient(135deg, rgba(121, 113, 107, .28) 0 3px, transparent 3px 7px);
  font-family: "Roboto", system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--foreground);
  background: var(--background);
  padding-bottom: 48px;
}
.vex-er[data-program=v5rc] {
  --program-accent: #d7282f;
  --program-accent-foreground: #ffffff;
}
.vex-er[data-program=viqrc] {
  --program-accent: #0075c9;
  --program-accent-foreground: #ffffff;
}
.vex-er :where(h1, h2, h3, p, ul, ol, li, table, figure, summary) {
  margin: 0;
  padding: 0;
}
.vex-er :where(h1, h2, h3) {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 0;
  position: static;
}
.vex-er :where(ul) {
  list-style: none;
}
.vex-er button,
.vex-er input,
.vex-er select,
.vex-er summary {
  box-shadow: none;
  font-family: inherit;
}
.vex-er button,
.vex-er select,
.vex-er summary {
  cursor: default;
}
.vex-er :where(button, summary):hover,
.vex-er :where(tr:hover) :where(td, th) {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}
.vex-er :is(button, input, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--btn-action);
  outline-offset: 2px;
  border-color: var(--foreground);
  box-shadow: none;
}
.vex-er [aria-invalid=true] {
  border-color: var(--destructive);
  box-shadow: 0 0 0 3px rgba(138, 55, 48, 0.2);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--destructive) 20%, transparent);
  color: var(--foreground);
}

.vex-er__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.vex-er__wrap {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 960px;
}

.vex-er__header {
  padding: 20px 0 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border);
}

.vex-er__title {
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 800;
  overflow-wrap: break-word;
}

.vex-er__subtitle {
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--muted-foreground);
}

.vex-er__layout {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.vex-er-zone__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.vex-er-zone__step {
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--selected);
  color: var(--selected-foreground);
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.vex-er-zone__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.vex-er-zone__lede {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--muted-foreground);
}

.vex-er-zone--in {
  padding: 16px;
  background: var(--sunken);
  border: 1px solid var(--border);
  border-radius: 16px;
}

.vex-er-zone--out {
  padding-top: 20px;
  border-top: 2px solid var(--border);
}

.vex-er__results {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

[data-part] .vex-er__header,
[data-part] .vex-er-zone__head {
  display: none;
}

[data-part=inputs] .vex-er-zone--out,
[data-part=plan] .vex-er-zone--in {
  display: none;
}

[data-part=plan] .vex-er-zone--out {
  padding-top: 0;
  border-top: 0;
}

[data-embedded] .vex-er {
  padding-bottom: 8px;
}
[data-embedded] .vex-er__header {
  display: none;
}
[data-embedded] .vex-er__wrap {
  padding-inline: 4px;
  padding-top: 4px;
}

.vex-er-controls {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vex-er-controls input,
.vex-er-controls select {
  width: 100%;
  height: 36px;
  border: 1px solid var(--btn-action);
  border-radius: var(--radius-md);
  background: var(--background);
  color: var(--foreground);
  padding-inline: 10px;
  font: inherit;
  font-size: 0.875rem;
}
.vex-er-controls input::placeholder {
  color: var(--muted-foreground);
}
.vex-er-controls input[type=number] {
  appearance: textfield;
}
.vex-er-controls input[type=number]::-webkit-inner-spin-button,
.vex-er-controls input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.vex-er-card {
  --tone: var(--tone-sky);
  --tone-ink: var(--tone-sky-ink);
  background: var(--card);
  border: 1px solid var(--border);
  border-left: 4px solid var(--tone);
  border-radius: var(--radius-lg);
}
.vex-er-card--teal {
  --tone: var(--tone-teal);
  --tone-ink: var(--tone-teal-ink);
}
.vex-er-card--violet {
  --tone: var(--tone-violet);
  --tone-ink: var(--tone-violet-ink);
}

.vex-er-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 0;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.vex-er-card__chip {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  color: var(--tone-ink);
  background: rgba(14, 165, 233, 0.15);
  background: color-mix(in oklab, var(--tone) 15%, transparent);
}
.vex-er-card__chip svg {
  width: 16px;
  height: 16px;
}

.vex-er-card__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px 16px;
}

.vex-er-controls__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.vex-er-controls__field--full, .vex-er-controls__field--lead, .vex-er-controls__field--side {
  grid-column: 1/-1;
}

@media (min-width: 560px) {
  .vex-er-card__body {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .vex-er-controls__field--lead {
    grid-column: auto;
  }
  .vex-er-controls__field--side {
    grid-row: 1;
    grid-column: 3;
  }
}
.vex-er-controls__label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--foreground);
}

.vex-er-controls__msg {
  display: grid;
  margin-top: -4px;
}
.vex-er-controls__msg:empty {
  display: none;
}
.vex-er-controls__msg > * {
  grid-area: 1/1;
}
.vex-er-controls__msg--error .vex-er-controls__hint {
  visibility: hidden;
}

.vex-er-controls__hint {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--muted-foreground);
}
.vex-er-controls__hint[hidden] {
  display: none;
}

.vex-er-controls__error {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--destructive);
}
.vex-er-controls__error[hidden] {
  display: none;
}

.vex-er-controls__check {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding-inline: 10px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  color: var(--muted-foreground);
  white-space: nowrap;
  overflow: hidden;
}
.vex-er-controls__check > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.vex-er-controls__check input[type=checkbox] {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--selected);
}

.vex-er-segmented {
  display: flex;
  height: 36px;
  padding: 3px;
  border-radius: var(--radius-md);
  background: var(--sunken);
}

.vex-er-segmented__seg {
  flex: 1 1 50%;
  border: 0;
  background: none;
  border-radius: var(--radius-sm);
  padding-inline: 12px;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  color: var(--foreground);
}
.vex-er-segmented__seg[aria-checked=true] {
  background: var(--selected);
  color: var(--selected-foreground);
}
.vex-er-segmented__seg:hover {
  background: none;
  color: var(--foreground);
}
.vex-er-segmented__seg[aria-checked=true]:hover {
  background: var(--selected);
  color: var(--selected-foreground);
}
@media (prefers-reduced-motion: no-preference) {
  .vex-er-segmented__seg {
    transition: background-color 0.15s, color 0.15s;
  }
}

.vex-er-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.vex-er-stat {
  padding: 14px 16px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}

.vex-er-stat__label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted-foreground);
}

.vex-er-stat__value {
  padding-top: 6px;
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.vex-er-stat__value--empty {
  color: var(--muted-foreground);
}

.vex-er-stat__note {
  padding-top: 2px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--muted-foreground);
}
.vex-er-stat__note:empty {
  display: none;
}

@media (min-width: 560px) and (max-width: 799.98px) {
  .vex-er-stats {
    gap: 6px;
  }
  .vex-er-stat {
    padding: 8px;
  }
  .vex-er-stat__value {
    font-size: 1.0625rem;
    line-height: 1.625rem;
    white-space: nowrap;
  }
  .vex-er-stat__label {
    min-height: 2rem;
  }
}
.vex-er-panel {
  padding: 16px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}

.vex-er-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  margin-bottom: 12px;
}

.vex-er-panel__title {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.vex-er-panel__meta {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
}
.vex-er-panel__meta:empty {
  display: none;
}

.vex-er-track {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.vex-er-track::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 20px;
  height: 56px;
  background: var(--sunken);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.vex-er-track__blk {
  position: absolute;
  top: 28px;
  height: 40px;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  padding-inline: 6px;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 500;
  z-index: 1;
  box-shadow: inset -1px 0 0 var(--sunken), inset 1px 0 0 var(--sunken);
}
@media (prefers-reduced-motion: no-preference) {
  .vex-er-track__blk {
    transition: left 0.25s ease, width 0.25s ease;
  }
}

.vex-er-track__blkl {
  min-width: 0;
  overflow: hidden;
}

.vex-er-track__blk--checkin {
  background: var(--seg-checkin);
  color: var(--foreground);
}

.vex-er-track__blk--quals {
  background: var(--seg-quals);
  color: #ffffff;
}

.vex-er-track__blk--selection {
  background: var(--seg-selection);
  color: #000000;
}

.vex-er-track__blk--elims {
  background: var(--seg-elims);
  color: #ffffff;
}

.vex-er-track__blk--awards {
  background: var(--seg-awards);
  color: #ffffff;
}

.vex-er-track__blk--lunch {
  background: repeating-linear-gradient(135deg, rgba(121, 113, 107, 0.32) 0 6px, rgba(121, 113, 107, 0.12) 6px 12px);
  color: var(--foreground);
}

.vex-er-track__blk--buffer {
  background: var(--hatch);
  color: var(--muted-foreground);
  padding-inline: 2px;
  justify-content: center;
}

.vex-er-track__tick {
  position: absolute;
  top: 20px;
  height: 56px;
  width: 1px;
  background: rgba(121, 113, 107, 0.25);
  background: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
}

.vex-er-track__tickl {
  position: absolute;
  top: 82px;
  margin-left: 0;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
}
.vex-er-track__tickl--flip {
  transform: translateX(-100%);
}
.vex-er-track__tickl--start {
  transform: none;
}

.vex-er-track__stop {
  position: absolute;
  top: 0;
  height: 80px;
  width: 0;
  border-left: 2px solid var(--destructive);
  z-index: 3;
}
.vex-er-track__stop--flush {
  margin-left: -2px;
}
.vex-er-track__stop span {
  position: absolute;
  right: 6px;
  top: 1px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--destructive);
  white-space: nowrap;
}

.vex-er-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 10px;
  font-size: 0.8125rem;
  color: var(--muted-foreground);
}
.vex-er-legend li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.vex-er-alert {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 2px;
  padding: 14px 16px;
  border: 1px solid;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
}
.vex-er-alert[hidden] {
  display: none;
}

.vex-er-alert__icon {
  grid-row: span 2;
  margin-top: 1px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.vex-er-alert__icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

.vex-er-alert__title {
  grid-column: 2;
  font-weight: 700;
}

.vex-er-alert__body {
  grid-column: 2;
}
.vex-er-alert__body:empty {
  display: none;
}

.vex-er-alert--info {
  background: var(--info-surface);
  border-color: var(--info-border);
  color: var(--info-foreground);
}
.vex-er-alert--info .vex-er-alert__icon {
  color: var(--info-icon);
}

.vex-er-alert--success {
  background: var(--success-surface);
  border-color: var(--success-border);
  color: var(--success-foreground);
}
.vex-er-alert--success .vex-er-alert__icon {
  color: var(--success-icon);
}

.vex-er-alert--warning {
  background: var(--warning-surface);
  border-color: var(--warning-border);
  color: var(--warning-foreground);
}
.vex-er-alert--warning .vex-er-alert__icon {
  color: var(--warning-icon);
}

.vex-er-alert--error {
  background: var(--error-surface);
  border-color: var(--error-border);
  border-width: 2px;
  padding: 13px 15px;
  color: var(--error-foreground);
}
.vex-er-alert--error .vex-er-alert__icon {
  color: var(--error-icon);
}

.vex-er-alert--judging {
  margin-top: 14px;
}

.vex-er-alert--plain {
  grid-template-columns: 1fr;
}
.vex-er-alert--plain .vex-er-alert__title,
.vex-er-alert--plain .vex-er-alert__body {
  grid-column: 1;
}

.vex-er-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 2px 8px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}

.vex-er-badge--success {
  background: rgba(46, 98, 59, 0.1);
  background: color-mix(in oklab, var(--btn-success) 10%, transparent);
  color: var(--btn-success);
}

.vex-er-badge--warning {
  background: rgba(149, 101, 0, 0.1);
  background: color-mix(in oklab, var(--warning-icon) 10%, transparent);
  color: var(--warning-foreground);
}

.vex-er-badge--error {
  background: rgba(138, 55, 48, 0.1);
  background: color-mix(in oklab, var(--destructive) 10%, transparent);
  color: var(--destructive);
}

.vex-er-badge--muted {
  background: var(--secondary);
  color: var(--secondary-foreground);
}

.vex-er-details {
  border-top: 1px solid var(--border);
  margin-top: 14px;
  padding-top: 12px;
}
.vex-er-details > summary {
  cursor: default;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--foreground);
}

.vex-er-details__title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--foreground);
}

.vex-er-details__note {
  padding-top: 8px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--muted-foreground);
}
.vex-er-details__note:empty {
  display: none;
}

.vex-er-scroll {
  overflow-x: auto;
}

.vex-er-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}
.vex-er-details .vex-er-table {
  margin-top: 10px;
}
.vex-er-table th,
.vex-er-table td {
  text-align: right;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}
.vex-er-table thead th {
  height: 40px;
  font-weight: 500;
  color: var(--foreground);
}
.vex-er-table th:first-child,
.vex-er-table td:first-child {
  text-align: left;
  border-left: 3px solid transparent;
}
.vex-er-table tbody th {
  font-weight: 500;
  color: var(--foreground);
}
.vex-er-table tbody tr:last-child :is(td, th) {
  border-bottom: 0;
}
.vex-er-table tbody tr[data-picked] :is(td, th) {
  background: var(--secondary);
  font-weight: 600;
}
.vex-er-table tbody tr[data-picked] :is(td, th):first-child {
  border-left-color: var(--play);
}
.vex-er-table th.vex-er-table__verdict,
.vex-er-table td.vex-er-table__verdict {
  text-align: left;
}

.vex-er-roles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  column-gap: 32px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.vex-er-roles li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
}

.vex-er-roles__who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.vex-er-roles__name {
  font-weight: 500;
}

.vex-er-cert {
  display: inline-block;
  margin-left: 8px;
  padding: 0 6px;
  border: 1px solid var(--btn-action);
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: 1px;
}
.vex-er-cert--required {
  background: var(--btn-action);
  color: var(--btn-action-foreground);
}
.vex-er-cert--recommended {
  background: transparent;
  color: var(--foreground);
}

.vex-er-roles__job {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--muted-foreground);
}

.vex-er-roles__count {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.vex-er-dot {
  display: inline-block;
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.vex-er-dot.vex-er-track__blk--checkin, .vex-er-dot.vex-er-track__blk--lunch, .vex-er-dot.vex-er-track__blk--buffer {
  box-shadow: inset 0 0 0 1px rgba(121, 113, 107, 0.35);
}

.vex-er-plan tbody :is(td, th) {
  vertical-align: top;
}
.vex-er-plan .vex-er-plan__time {
  text-align: left;
  width: 1%;
}
.vex-er-plan thead th:nth-child(2) {
  text-align: left;
}
.vex-er-plan .vex-er-plan__clock {
  white-space: nowrap;
}
.vex-er-plan .vex-er-plan__what {
  position: relative;
  padding-left: 28px;
  text-align: left;
  white-space: normal;
  font-weight: 400;
}
.vex-er-plan .vex-er-plan__what > .vex-er-dot {
  position: absolute;
  left: 10px;
  top: calc(8px + 0.625rem - 5px);
}
.vex-er-plan .vex-er-plan__detail {
  margin-left: 6px;
  color: var(--muted-foreground);
}
.vex-er-plan .vex-er-plan__detail::before {
  content: "· ";
}
.vex-er-plan .vex-er-plan__dur {
  width: 1%;
}
.vex-er-plan .vex-er-plan__quiet .vex-er-plan__name {
  color: var(--muted-foreground);
}
.vex-er-plan .vex-er-plan__end :is(td, th) {
  font-weight: 600;
}

@media (max-width: 479.98px) {
  .vex-er-plan {
    font-size: 0.8125rem;
  }
  .vex-er-plan th,
  .vex-er-plan td {
    padding-inline: 6px;
  }
  .vex-er-plan .vex-er-plan__what {
    padding-left: 22px;
  }
  .vex-er-plan .vex-er-plan__what > .vex-er-dot {
    left: 6px;
    top: calc(8px + 0.5625rem - 5px);
  }
  .vex-er-plan .vex-er-plan__time {
    white-space: normal;
    min-width: 4.75rem;
  }
  .vex-er-plan .vex-er-plan__detail {
    display: block;
    margin-left: 0;
  }
  .vex-er-plan .vex-er-plan__detail::before {
    content: none;
  }
}
@media (max-width: 559.98px) {
  .vex-er-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 319.98px) {
  .vex-er-card__body {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 479.98px) {
  .vex-er__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .vex-er-card__head,
  .vex-er-card__body {
    padding-inline: 12px;
  }
  .vex-er-zone--in {
    padding: 12px;
  }
  .vex-er-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vex-er-stat {
    padding: 12px;
  }
  .vex-er-stat__value {
    font-size: 1.375rem;
  }
}
.vex-er-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -4px;
}

.vex-er-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding-inline: 14px;
  border: 1px solid var(--btn-action);
  border-radius: var(--radius-md);
  background: var(--background);
  color: var(--foreground);
  font-size: 0.875rem;
  font-weight: 500;
}
.vex-er-btn svg {
  width: 16px;
  height: 16px;
}

.vex-er-print-only {
  display: none;
}

@page {
  size: letter;
  margin: 0.5in;
}
html.vex-er-printing {
  font-size: 10.5px;
}
html.vex-er-printing body,
html.vex-er-printing .vex-er {
  background: #ffffff;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
html.vex-er-printing .vex-er__wrap {
  max-width: none;
  padding: 0;
}
html.vex-er-printing .vex-er__header,
html.vex-er-printing .vex-er-zone--in,
html.vex-er-printing .vex-er-zone__head,
html.vex-er-printing .vex-er-actions,
html.vex-er-printing .vex-er-panel--grid,
html.vex-er-printing noscript {
  display: none;
}
html.vex-er-printing .vex-er-print-only {
  display: block;
}
html.vex-er-printing .vex-er__layout {
  gap: 0;
}
html.vex-er-printing .vex-er-zone--out {
  padding: 0;
  border: 0;
}
html.vex-er-printing .vex-er__results {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 8px 10px;
}
html.vex-er-printing .vex-er__results > * {
  grid-column: 1/-1;
  break-inside: avoid;
}
html.vex-er-printing .vex-er__results > .vex-er-panel--dayplan {
  grid-column: 1;
}
html.vex-er-printing .vex-er__results > .vex-er-panel--roles {
  grid-column: 2;
}
html.vex-er-printing .vex-er-print-head__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
html.vex-er-printing .vex-er-print-head__meta {
  color: var(--muted-foreground);
  font-size: 1rem;
}
html.vex-er-printing .vex-er-print-inputs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 8px 0 2px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--border);
  overflow: hidden;
}
html.vex-er-printing .vex-er-print-inputs > div {
  padding: 5px 8px;
  background: var(--sunken);
}
html.vex-er-printing .vex-er-print-inputs dt {
  font-size: 0.875rem;
  color: var(--muted-foreground);
}
html.vex-er-printing .vex-er-print-inputs dd {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
html.vex-er-printing .vex-er-alert {
  padding: 6px 12px;
}
html.vex-er-printing .vex-er-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
html.vex-er-printing .vex-er-stat {
  padding: 6px 8px;
}
html.vex-er-printing .vex-er-stat__value {
  padding-top: 2px;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
html.vex-er-printing .vex-er-panel {
  padding: 8px 10px;
}
html.vex-er-printing .vex-er-panel__head {
  margin-bottom: 4px;
}
html.vex-er-printing .vex-er-table th,
html.vex-er-printing .vex-er-table td {
  padding-block: 3px;
}
html.vex-er-printing .vex-er-table thead th {
  height: auto;
}
html.vex-er-printing .vex-er-plan__what > .vex-er-dot {
  width: 8px;
  height: 8px;
  top: calc(3px + 0.65rem - 4px);
}
html.vex-er-printing .vex-er-roles {
  grid-template-columns: minmax(0, 1fr);
}
html.vex-er-printing .vex-er-roles li {
  padding: 3px 0;
}
html.vex-er-printing .vex-er-scroll {
  overflow: visible;
}
html.vex-er-printing .vex-er-print-foot {
  margin-top: 2px;
  font-size: 0.875rem;
  color: var(--muted-foreground);
}

html.vex-er-printing .vex-er {
  --muted-foreground: #2f2b28;
  --border: #a8a29e;
  --sunken: #f4f4f3;
  color: #000000;
}
html.vex-er-printing .vex-er-stat__label,
html.vex-er-printing .vex-er-stat__note,
html.vex-er-printing .vex-er-panel__meta,
html.vex-er-printing .vex-er-legend,
html.vex-er-printing .vex-er-track__tickl,
html.vex-er-printing .vex-er-plan__detail,
html.vex-er-printing .vex-er-roles__job,
html.vex-er-printing .vex-er-print-head__meta,
html.vex-er-printing .vex-er-print-foot,
html.vex-er-printing .vex-er-print-inputs dt {
  color: #2f2b28;
}
html.vex-er-printing .vex-er-plan__quiet .vex-er-plan__name {
  color: #2f2b28;
  font-style: italic;
}
html.vex-er-printing .vex-er-track::before {
  background: #ffffff;
  border-color: #6b6560;
}
html.vex-er-printing .vex-er-track__tick {
  background: rgba(0, 0, 0, 0.25);
}
html.vex-er-printing .vex-er-track__stop {
  border-left-width: 2px;
  border-left-color: #000000;
}
html.vex-er-printing .vex-er-track__stop span {
  color: #000000;
}
html.vex-er-printing .vex-er-track__blk {
  box-shadow: none;
  border: 1px solid #000000;
}
html.vex-er-printing .vex-er-track__blk--checkin {
  background: #ffffff;
  color: #000000;
}
html.vex-er-printing .vex-er-track__blk--quals {
  background: var(--seg-quals);
}
html.vex-er-printing .vex-er-track__blk--selection {
  background: radial-gradient(rgba(0, 0, 0, 0.55) 1.1px, transparent 1.5px) 0 0/5px 5px, var(--seg-selection);
}
html.vex-er-printing .vex-er-track__blk--elims {
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.45) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.45) 0 1px, transparent 1px 5px), var(--seg-elims);
}
html.vex-er-printing .vex-er-track__blk--awards {
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0 2px, transparent 2px 5px), var(--seg-awards);
}
html.vex-er-printing .vex-er-track__blk--lunch {
  background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0 4px, #ffffff 4px 9px);
  color: #000000;
}
html.vex-er-printing .vex-er-track__blk--buffer {
  background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.45) 0 1px, #ffffff 1px 3.5px);
  color: #000000;
}
html.vex-er-printing .vex-er-track__blkl:not(:empty) {
  padding: 0 3px;
  border-radius: 2px;
  background: #ffffff;
  color: #000000;
}
html.vex-er-printing .vex-er-legend {
  gap: 4px 14px;
}
html.vex-er-printing .vex-er-legend .vex-er-dot {
  width: 18px;
  height: 11px;
  border-radius: 2px;
  border: 1px solid #000000;
  box-shadow: none;
}
html.vex-er-printing .vex-er-plan__what > .vex-er-dot {
  width: 12px;
  height: 8px;
  border-radius: 1px;
  border: 1px solid #000000;
  box-shadow: none;
  top: calc(3px + 0.65rem - 4px);
}
html.vex-er-printing .vex-er-plan__what {
  padding-left: 30px;
}
html.vex-er-printing .vex-er-alert {
  color: #000000;
  border-color: #000000;
}
