.asker-fd {
  --asker-fd-dark: #303030;
  --asker-fd-black: #050505;
  --asker-fd-lime: #d7fe8b;
  --asker-fd-row: #f5f5f5;
  --asker-fd-row-alt: #ededed;
  --asker-fd-loss: #d9d9d9;
  --asker-fd-font: Impact, "Arial Black", "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box;
  color: var(--asker-fd-black);
  font-family: var(--asker-fd-font);
  text-transform: uppercase;
}

.asker-fd *,
.asker-fd *::before,
.asker-fd *::after {
  box-sizing: inherit;
}

.asker-fd-title {
  margin: 0 0 14px;
  color: var(--asker-fd-black);
  font-family: var(--asker-fd-font);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.asker-fd-table-wrap {
  overflow-x: auto;
  width: 100%;
}

.asker-fd-table {
  width: 100%;
  min-width: 520px;
  border: 0;
  border-collapse: collapse;
  font-family: var(--asker-fd-font);
  margin-bottom: 0;
}

.asker-fd-table th,
.asker-fd-table td {
  border: 0;
  padding: 18px 22px;
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
}

.asker-fd-table thead th {
  background: var(--asker-fd-dark);
  color: #fff;
}

.asker-fd-table thead th:first-child,
.asker-fd-table tbody th {
  text-align: left;
}

.asker-fd-table tbody tr {
  background: var(--asker-fd-row);
}

.asker-fd-table tbody tr:nth-child(odd) {
  background: var(--asker-fd-row-alt);
}

.asker-fd-table tbody tr.is-asker {
  background: var(--asker-fd-lime);
}

.asker-fd-table tbody th {
  color: var(--asker-fd-black);
}

.asker-fd-results-list {
  display: grid;
  gap: 24px;
}

.asker-fd-results-widget.is-equalized {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.asker-fd-results-widget.is-equalized .asker-fd-results-list {
  flex: 1 1 0;
  min-height: 0;
  grid-auto-rows: minmax(0, 1fr);
}

.asker-fd-results-widget.is-equalized .asker-fd-result-card {
  min-height: 0;
  overflow: hidden;
}

.asker-fd-results-widget.is-equalized--table .asker-fd-results-list {
  gap: 14px;
}

.asker-fd-results-widget.is-equalized--table .asker-fd-result-card {
  padding: 18px 26px;
}

.asker-fd-results-widget.is-equalized--table .asker-fd-result-card__meta {
  font-size: 1.35rem;
}

.asker-fd-results-widget.is-equalized--table .asker-fd-result-card__fixture {
  font-size: 1.45rem;
}

.asker-fd-results-widget.is-equalized--table .asker-fd-result-card__score {
  margin-top: 18px;
  font-size: 3.1rem;
}

.asker-fd-results-widget.is-equalized--next.asker-fd-results-widget--count-3
  .asker-fd-results-list {
  gap: 28px;
}

.asker-fd-results-widget.is-equalized--next.asker-fd-results-widget--count-3
  .asker-fd-result-card {
  padding: 32px 34px;
}

.asker-fd-results-widget.is-equalized--next.asker-fd-results-widget--count-3
  .asker-fd-result-card__meta {
  font-size: 1.55rem;
}

.asker-fd-results-widget.is-equalized--next.asker-fd-results-widget--count-3
  .asker-fd-result-card__fixture {
  font-size: 1.7rem;
}

.asker-fd-results-widget.is-equalized--next.asker-fd-results-widget--count-3
  .asker-fd-result-card__score {
  margin-top: 34px;
  font-size: 3.8rem;
}

.asker-fd-result-card {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 30px;
  background: var(--asker-fd-dark);
  color: var(--asker-fd-lime);
}

.asker-fd-result-card--win {
  background: var(--asker-fd-lime);
  color: var(--asker-fd-dark);
}

.asker-fd-result-card--loss {
  background: var(--asker-fd-loss);
  color: var(--asker-fd-black);
}

.asker-fd-result-card--draw {
  background: var(--asker-fd-dark);
  color: var(--asker-fd-lime);
}

.asker-fd-result-card__meta,
.asker-fd-result-card__fixture,
.asker-fd-result-card__score {
  margin: 0;
  font-family: var(--asker-fd-font);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.asker-fd-result-card__meta {
  font-size: 1.6rem;
}

.asker-fd-result-card__fixture {
  margin-top: 8px;
  font-size: 1.75rem;
}

.asker-fd-result-card__fixture span {
  padding: 0 0.2em;
}

.asker-fd-result-card__score {
  margin-top: 36px;
  overflow-wrap: anywhere;
  font-size: 3.8rem;
}

.asker-fd-overview {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  gap: 34px;
  align-items: stretch;
}

.asker-fd-overview .asker-fd {
  width: 100%;
}

.asker-fd-overview__table,
.asker-fd-overview__results {
  min-width: 0;
}

.asker-fd-overview__results,
.asker-fd-overview__results .asker-fd-results-widget,
.asker-fd-overview__results .asker-fd-results-list {
  height: 100%;
}

.asker-fd-overview__results .asker-fd-results-list {
  grid-auto-rows: minmax(0, 1fr);
}

.asker-fd-overview__results .asker-fd-result-card {
  min-height: 0;
}

.asker-fd-combo {
  --asker-fd-combo-gap: 34px;
  display: grid;
  gap: var(--asker-fd-combo-gap);
  align-items: start;
  width: 100%;
}

.asker-fd-combo--table-results,
.asker-fd-combo--next-results {
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
}

.asker-fd-combo__table,
.asker-fd-combo__next,
.asker-fd-combo__results {
  min-width: 0;
  min-height: 0;
}

.asker-fd-combo__table .asker-fd-table-widget,
.asker-fd-combo__next .asker-fd-next-widget,
.asker-fd-combo__results .asker-fd-results-widget {
  width: 100%;
}

.asker-fd-combo__results {
  overflow: hidden;
}

.asker-fd-combo__results .asker-fd-results-widget {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
}

.asker-fd-combo__results .asker-fd-results-list {
  flex: 1 1 0;
  min-height: 0;
  grid-auto-rows: minmax(0, 1fr);
}

.asker-fd-combo__results .asker-fd-result-card {
  min-height: 0;
  overflow: hidden;
}

.asker-fd-combo--table-results .asker-fd-results-list {
  gap: 14px;
}

.asker-fd-combo--table-results .asker-fd-result-card {
  padding: 18px 26px;
}

.asker-fd-combo--table-results .asker-fd-result-card__meta {
  font-size: 1.32rem;
}

.asker-fd-combo--table-results .asker-fd-result-card__fixture {
  font-size: 1.42rem;
}

.asker-fd-combo--table-results .asker-fd-result-card__score {
  margin-top: 16px;
  font-size: clamp(2.55rem, 3.2vw, 3.15rem);
}

.asker-fd-combo--next-results {
  --asker-fd-next-min-height: clamp(560px, 54vw, 880px);
}

.asker-fd-combo--next-results .asker-fd-combo__next {
  display: flex;
  align-items: center;
  min-height: var(--asker-fd-next-min-height);
  padding: clamp(42px, 5vw, 92px);
  background-color: transparent;
  background-image: var(--asker-fd-next-bg, none);
  background-position: center;
  background-size: cover;
}

.asker-fd-combo--next-results .asker-fd-next-widget {
  width: 100%;
}

.asker-fd-combo--next-results .asker-fd-results-list {
  gap: clamp(18px, 2vw, 32px);
}

.asker-fd-combo--next-results .asker-fd-result-card {
  min-height: clamp(190px, 13vw, 251px);
  padding: clamp(24px, 2.4vw, 34px);
}

.asker-fd-combo--next-results .asker-fd-result-card__meta {
  font-size: clamp(1.35rem, 1.55vw, 1.6rem);
}

.asker-fd-combo--next-results .asker-fd-result-card__fixture {
  font-size: clamp(1.45rem, 1.75vw, 1.8rem);
}

.asker-fd-combo--next-results .asker-fd-result-card__score {
  margin-top: clamp(28px, 3vw, 38px);
  font-size: clamp(3.1rem, 4.6vw, 4.7rem);
}

.asker-fd-fixtures-list {
  display: grid;
  gap: 28px;
}

.asker-fd-fixtures-month__title {
  margin: 0 0 22px;
  padding: 20px 30px;
  background: var(--asker-fd-dark);
  color: #fff;
  font-family: var(--asker-fd-font);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.asker-fd-fixtures-month__matches {
  display: grid;
  gap: 12px;
}
.asker-fd-result-list-row,
.asker-fd-fixture-row {
  display: grid;
  grid-template-columns: 90px minmax(220px, 1.15fr) minmax(220px, 1fr) minmax(
      260px,
      1fr
    );
  gap: 28px;
  align-items: center;
  min-height: 96px;
  padding: 20px 30px;
  background: var(--asker-fd-row-alt);
  color: var(--asker-fd-black);
}

.asker-fd-fixture-row__round,
.asker-fd-fixture-row__teams {
  font-family: var(--asker-fd-font);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.asker-fd-fixture-row__round {
  font-size: 1.45rem;
}

.asker-fd-fixture-row__teams {
  font-size: 1.45rem;
}

.asker-fd-fixture-row__meta,
.asker-fd-fixture-row__tournament {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

.asker-fd-fixture-row__datetime strong {
  font-weight: 900;
}

.asker-fd-fixture-row__stadium {
  margin-top: 4px;
}

.asker-fd-next-text {
  max-width: min(760px, 100%);
  color: #fff;
}

.asker-fd-next-text__fixture,
.asker-fd-next-text__details,
.asker-fd-next-text__button {
  font-family: "Barlow Condensed", var(--asker-fd-font);
  font-weight: 700;
  letter-spacing: 0;
}

.asker-fd-next-text__fixture {
  color: #fff;
  font-size: 2.625rem;
  line-height: 1.15;
}

.asker-fd-next-text__details {
  margin-top: 20px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.75;
}

.asker-fd-next-text__details div + div {
  margin-top: 0;
}

.asker-fd-next-text__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  padding: 8px 12px;
  background: var(--asker-fd-lime);
  color: var(--asker-fd-black);
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
}

.asker-fd-next-text__button:hover,
.asker-fd-next-text__button:focus {
  background: #fff;
  color: var(--asker-fd-black);
}

.asker-fd-notice {
  padding: 14px 16px;
  background: #f2f2f2;
  color: var(--asker-fd-black);
  font-family: Arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
}

/* Home API section design */
.asker-fd-table th,
.asker-fd-table td,
.asker-fd-fixture-row__round,
.asker-fd-fixture-row__teams,
.asker-fd-fixture-row__meta,
.asker-fd-fixture-row__tournament,
.asker-fd-fixtures-list .asker-fd-fixtures-month__title,
.asker-fd-result-list .asker-fd-result-list-month__title,
.asker-fd-result-list-row__round,
.asker-fd-result-list-row__score,
.asker-fd-result-list-row__teams,
.asker-fd-result-list-row__tournament {
  font-family: "Barlow Condensed", Sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.asker-fd-fixture-row__meta,
.asker-fd-fixture-row__tournament,
.asker-fd-result-list-row__tournament {
  font-family: "Barlow", Sans-serif;
  font-weight: 400;
  text-transform: none;
}

.asker-fd-fixture-row__datetime strong {
  font-weight: 700;
}

.asker-fd-results-widget .asker-fd-result-card.asker-fd-result-card--loss,
.asker-fd-results-widget .asker-fd-result-card.asker-fd-result-card--win {
  color: #000;
}

.asker-fd-results-widget .asker-fd-result-card__meta,
.asker-fd-results-widget .asker-fd-result-card__fixture,
.asker-fd-results-widget .asker-fd-result-card__score {
  font-family: "Barlow Condensed", Sans-serif;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
}
.asker-fd-results-widget .asker-fd-result-card__score {
  font-size: 4rem;
  line-height: 1.12;
  margin-top: auto;
  padding-top: 0.5rem;
}

/* Home API section design */

/* Toppfotball API section design */
.asker-fd-fixtures-list {
  gap: 16px;
}
.asker-fd-fixtures-list .asker-fd-fixtures-month__matches {
  gap: 0;
}
.asker-fd-fixtures-list .asker-fd-fixture-row,
.asker-fd-result-list .asker-fd-result-list-row {
  padding: 16px 30px;
  min-height: 77px;
}
.asker-fd-fixtures-list .asker-fd-fixtures-month__title,
.asker-fd-result-list .asker-fd-result-list-month__title {
  background: var(--asker-fd-dark);
  color: #fff;
  padding: 18px 22px;
  margin: 0;
}
.asker-fd-result-list .asker-fd-result-list-row:nth-child(odd),
.asker-fd-fixtures-list .asker-fd-fixture-row:nth-child(odd) {
  background: transparent;
}
.asker-fd-result-list .asker-fd-result-list-row:nth-child(even),
.asker-fd-fixtures-list .asker-fd-fixture-row:nth-child(even) {
  background: #fff;
}

/* Toppfotball API section design */
.asker-fd-result-list {
  display: grid;
  gap: 16px;
}

.asker-fd-result-list-month__matches {
  display: grid;
  gap: 0;
}

.asker-fd-result-list-row__teams,
.asker-fd-result-list-row__tournament {
  overflow-wrap: anywhere;
}
.asker-fd-result-list-row {
  grid-template-columns: 90px 150px minmax(260px, 1.35fr) minmax(260px, 1fr);
}

@media (min-width: 768px) and (max-width: 920px) {
  .asker-fd-result-card {
    padding: 24px 16px;
  }
}

@media (max-width: 920px) {
  .asker-fd-overview {
    grid-template-columns: 1fr;
  }

  .asker-fd-combo--table-results,
  .asker-fd-combo--next-results {
    grid-template-columns: 1fr;
  }

  .asker-fd-combo__results {
    height: auto !important;
    overflow: visible;
  }

  .asker-fd-combo--next-results .asker-fd-combo__next {
    min-height: clamp(420px, 82vw, 680px);
  }
  .asker-fd-result-list-row,
  .asker-fd-fixture-row {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  .asker-fd-fixture-row__meta,
  .asker-fd-fixture-row__tournament,
  .asker-fd-result-list-row__teams,
  .asker-fd-result-list-row__tournament {
    grid-column: 2;
  }
  .asker-fd-results-widget .asker-fd-result-card__score {
    font-size: 3rem;
    line-height: 1.2;
  }
  .asker-fd-table {
    min-width: 390px;
  }
}

@media (max-width: 767px) {
  .asker-fd-result-card {
    min-height: 170px;
  }
  .asker-fd-results-widget .asker-fd-result-card__meta,
  .asker-fd-results-widget .asker-fd-result-card__fixture,
  .asker-fd-results-widget .asker-fd-result-card__score {
    font-size: 1.75rem;
  }

  .asker-fd-results-widget .asker-fd-result-card__score {
    font-size: 3rem;
  }
  .asker-fd-result-list .asker-fd-result-list-row,
  .asker-fd-fixtures-list .asker-fd-fixture-row {
    padding: 16px 30px;
    gap: 16px;
  }
  .asker-fd-result-list-row {
    grid-template-columns: minmax(52px, auto) minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .asker-fd-title {
    font-size: 1.65rem;
  }

  .asker-fd-table th,
  .asker-fd-table td {
    padding: 14px 16px;
    font-size: 1.15rem;
  }

  .asker-fd-result-card {
    min-height: 170px;
    padding: 22px;
  }

  .asker-fd-result-card__meta {
    font-size: 1.25rem;
  }

  .asker-fd-result-card__fixture {
    font-size: 1.35rem;
  }

  .asker-fd-result-card__score {
    margin-top: 28px;
    font-size: 3rem;
  }

  .asker-fd-next-text__button {
    margin-top: 26px;
  }
  .asker-fd-fixtures-list .asker-fd-fixtures-month__title,
  .asker-fd-result-list .asker-fd-result-list-month__title,
  .asker-fd-fixtures-month__title {
    padding: 16px 18px;
    font-size: 1.45rem;
  }
  .asker-fd-result-list-row,
  .asker-fd-fixture-row {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 18px;
  }

  .asker-fd-fixture-row__round,
  .asker-fd-fixture-row__meta,
  .asker-fd-fixture-row__tournament,
  .asker-fd-result-list-row__teams,
  .asker-fd-result-list-row__tournament {
    grid-column: auto;
  }

  .asker-fd-fixture-row__round,
  .asker-fd-fixture-row__teams {
    font-size: 1.45rem;
  }
  .asker-fd-result-list-row__round,
  .asker-fd-result-list-row__score,
  .asker-fd-result-list-row__teams,
  .asker-fd-result-list-row__tournament,
  .asker-fd-fixture-row__meta,
  .asker-fd-fixture-row__tournament {
    font-size: 1.45rem;
  }
}