/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/blocks/match_center/style.scss ***!
  \***************************************************************************************************************************************************************************************************/
/**
 * Fonts
*/
@font-face {
  font-family: "Inter";
  src: url(../../fonts/Inter-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../../fonts/Inter-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../../fonts/Inter-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../../fonts/Inter-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Red Hat Display";
  font-style: normal;
  font-weight: 600;
  src: url(../../fonts/RedHatDisplay-SemiBold.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/RedHatText-Regular.woff2) format("woff2");
  font-display: swap;
}
:root {
  /* Colour palette */
  --site-bg: #FFF;
  --contrast-bg: #FC0;
  --contrast-color: #F2F2F2;
  --link-bg: #EBEBEB;
  --filter-radius: 8px;
  --card-bg: #F2F2F2;
  --card-text: #000;
  --card-text-secondary: #666;
  --divider: #CCC;
  --text-main: #000;
  --radius-card: 16px;
  --card-stroke: #CCC;
  --upcoming-color: #20A7D2;
  --game-color: #393939;
  --live-bg: #EB274F;
  --live-text: #FFF;
  --button-radius: 8px;
  --button-color: #FFF;
  --button-color-secondary: #000;
  --button-bg: #000;
  --button-bg-secondary: #FFCC00;
  --button-bg-hover: #333;
  --button-color-hover: #FFF;
  --odds-bg-default: #FFF;
  --odds-bg-up: #D5F6E7;
  --odds-bg-down: #FFF4F5;
  --odds-stroke-up: #4EC580;
  --odds-stroke-down: #C54E5C;
  --odds-text-default: #000000;
  --odds-text-secondary: #627383;
  --odds-bg-hover: #14B2EE;
  --odds-text-hover: #FFF;
  --line-main: #FC0;
  --line-secondary: #CCC;
  --error-color: #ED2012;
  --sm-font-size: 12px;
  --md-font-size: 14px;
  --base-font-size: 16px;
  /* Sizes and offsets */
  --inner-offsets: 32px;
  --outer-offsets: 51px;
  --max-width: 1366px;
}
@media (max-width: 1024px) {
  :root {
    --inner-offsets: 24px;
    --outer-offsets: 16px;
  }
}
@media (max-width: 800px) {
  :root {
    --inner-offsets: 16px;
    --outer-offsets: 8px;
  }
}

section > .mc-catalog {
  max-width: 1268px;
  padding: 0 15px;
  margin: 0 auto;
}

.mc-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
  padding-top: 0;
  -webkit-transition: padding-top 0.25s ease;
  transition: padding-top 0.25s ease;
}
.mc-catalog.has-fixed-header {
  padding-top: var(--catalog-padding-top, 0);
}
@media (max-width: 800px) {
  .mc-catalog {
    gap: 32px;
  }
}
.mc-catalog__title {
  color: var(--text-main, #000);
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media (max-width: 800px) {
  .mc-catalog__title {
    font-size: 24px;
  }
}
.mc-catalog__events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}
@media (max-width: 800px) {
  .mc-catalog__events {
    gap: 32px;
  }
}
.mc-catalog__events__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.mc-catalog__events__item__title {
  color: var(--text-main, #000);
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (max-width: 800px) {
  .mc-catalog__events__item__title {
    font-size: 24px;
  }
}
.mc-catalog__events__item .ks-container:not(:first-child) {
  margin-top: 8px;
}
@media (max-width: 800px) {
  .mc-catalog__events__item .ks-container:not(:first-child) {
    margin-top: 0px;
  }
}
.mc-catalog__events-title-icon {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--card-bg);
  border-radius: 50%;
}
@media (max-width: 800px) {
  .mc-catalog__events-title-icon {
    width: 36px;
    height: 36px;
  }
}
.mc-catalog__events-title-icon svg {
  color: var(--contrast-bg);
}
@media (max-width: 800px) {
  .mc-catalog__events-title-icon svg {
    width: 20px;
    height: auto;
  }
}
.mc-catalog__events-title-icon_popular svg {
  color: var(--live-bg);
}