/* V90: czytelne informacje o kursach i rozstaw pól bez unoszenia. */
:root {
  --pick-type-width-v72: 154px;
  --pick-quality-width-v72: 110px;
  --pick-odds-width-v72: 108px;
  --pick-details-width-v72: 112px;
  --pick-field-gap-v72: 22px;
  --coupon-type-width-v72: 130px;
  --coupon-quality-width-v72: 86px;
  --coupon-odds-width-v72: 108px;
}

#root button.odds-interactive-v88,
#root .coupon-slip-odds-v80 > button.odds-interactive-v88 {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  width: var(--pick-odds-width-v72) !important;
  min-width: var(--pick-odds-width-v72) !important;
  max-width: var(--pick-odds-width-v72) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding-inline: 10px !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums;
  overflow: visible !important;
  line-height: 1 !important;
}

#root button.odds-interactive-v88 > svg,
#root button.total-odds-interactive-v88 > svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  opacity: .85;
}

#root .odds-value-v90 {
  min-width: 0;
  font: inherit;
  color: inherit;
}

#root .total-odds-interactive-v88 {
  gap: 12px !important;
}

#root .total-odds-interactive-v88 > svg {
  color: #a5e658;
}

@media (min-width: 761px) {
  #root .pick-table-v72 > thead > tr > th:nth-child(3),
  #root .pick-table-v72 > tbody > .pick-row > td:nth-child(3) {
    width: 216px !important;
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  #root .pick-table-v72 .match-name-v14 {
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word;
    text-overflow: clip;
    line-height: 1.4;
  }
}

@media (min-width: 1700px) {
  #root .pick-table-v72 > thead > tr > th:nth-child(3),
  #root .pick-table-v72 > tbody > .pick-row > td:nth-child(3) {
    width: 248px !important;
  }
}

#root .coupon-panel .coupon-slip-list-v80 > article.coupon-slip-row-v80 {
  grid-template-columns: 34px minmax(0, 1fr) var(--coupon-odds-width-v72) !important;
  column-gap: 22px !important;
  min-height: 92px !important;
  padding-block: 13px !important;
}

#root .coupon-slip-match-v80 {
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word;
  line-height: 1.4;
}

#root .coupon-slip-meta-v80 {
  gap: 10px 22px !important;
}

@media (min-width: 1180px) {
  #root .coupon-slip-main-v80 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 22px;
  }

  #root .coupon-slip-match-v80 {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #root .coupon-slip-main-v80 > .match-api-status-v81 {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #root .coupon-slip-meta-v80 {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    flex-wrap: nowrap;
    margin: 0;
    justify-self: end;
  }
}

#root .coupon-slip-pick-v80,
#root .coupon-slip-quality-v80 {
  box-sizing: border-box;
  display: inline-flex !important;
  flex-direction: column !important;
  min-height: 44px;
  height: 44px;
  justify-content: center;
  flex-shrink: 0;
}

#root .coupon-slip-pick-v80 {
  width: var(--coupon-type-width-v72);
  min-width: var(--coupon-type-width-v72);
  padding-inline: 9px;
  gap: 4px;
}

#root .coupon-slip-quality-v80 {
  width: var(--coupon-quality-width-v72);
  padding: 5px 8px;
  gap: 4px;
  border: 1px solid;
  border-radius: 8px;
}

#root .coupon-slip-quality-dot-v80 {
  display: none;
}

#root .coupon-slip-quality-v80.good {
  border-color: #28547a;
  background: #10243a;
}

#root .coupon-slip-quality-v80.excellent {
  border-color: #466b2d;
  background: #152414;
}

#root .coupon-slip-quality-v80.medium {
  border-color: #694b27;
  background: #2a2118;
}

#root .coupon-slip-pick-v80 > small,
#root .coupon-slip-quality-v80 > small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  line-height: 1;
}

#root .coupon-slip-pick-v80 > strong,
#root .coupon-slip-quality-v80 > strong {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  line-height: 1;
}

#root .coupon-slip-odds-v80,
#root .coupon-slip-odds-v80 > .odds-chip {
  width: var(--coupon-odds-width-v72) !important;
  min-width: var(--coupon-odds-width-v72) !important;
  max-width: var(--coupon-odds-width-v72) !important;
}

#root .coupon-slip-odds-v80 {
  position: relative;
  height: 44px;
  gap: 0;
}

#root .coupon-slip-odds-v80 > small {
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  text-align: center;
  color: #324c10 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1;
}

#root .coupon-slip-odds-v80 > button.odds-interactive-v88 {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding-top: 14px !important;
  padding-bottom: 0 !important;
}

#root .settings-mode-tabs-v83 > button > svg {
  display: block !important;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

#root .settings-section-icon > svg {
  width: 22px;
  height: 22px;
}

#root .model-configure-button-v25 > svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 760px) {
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
  }

  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 7px 5px !important;
    overflow: visible !important;
  }

  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(3) { grid-column: 1 / -1 !important; grid-row: 2 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(4) { grid-column: 1 / -1 !important; grid-row: 3 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(5) { grid-column: 1 / -1 !important; grid-row: 4 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(6) { grid-column: 1 !important; grid-row: 5 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(7) { grid-column: 2 !important; grid-row: 5 !important; }
  #root .table-wrap .pick-table-v72 > tbody > tr.pick-row > td:nth-child(8) { grid-column: 1 / -1 !important; grid-row: 6 !important; }

  #root .pick-table-v72 .pick-type-cell-v49 .market-explain-button-v49 {
    width: var(--pick-type-width-v72) !important;
    min-width: var(--pick-type-width-v72) !important;
    max-width: var(--pick-type-width-v72) !important;
  }

  #root .pick-table-v72 .pick-quality-cell-v49 .quality-chip {
    width: var(--pick-quality-width-v72) !important;
    min-width: var(--pick-quality-width-v72) !important;
    max-width: var(--pick-quality-width-v72) !important;
  }

  #root .pick-table-v72 .match-name-v14 {
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word;
  }

  #root .coupon-panel .coupon-slip-list-v80 > article.coupon-slip-row-v80 {
    grid-template-columns: 28px minmax(0, 1fr) var(--coupon-odds-width-v72) !important;
    column-gap: 12px !important;
    padding-block: 12px !important;
  }

  #root .coupon-slip-meta-v80 {
    gap: 9px 14px !important;
  }
}

@media (max-width: 500px) {
  #root .coupon-panel .coupon-slip-list-v80 > article.coupon-slip-row-v80 {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px 12px !important;
  }

  #root .coupon-slip-main-v80 {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #root .coupon-slip-odds-v80 {
    grid-column: 2 !important;
    justify-self: start;
    align-items: flex-start;
    gap: 5px;
  }

  #root .settings-mode-tabs-v83 > button {
    gap: 9px;
  }
}