@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: var(--font-weight-bolder);
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  background: none;
  border: none;
}
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover {
  cursor: pointer;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.dust2-br:root, .dust2-br .day {
  --button-primary-background-color: #429d30;
  --button-hover-primary-background-color: #2f821e;
  --button-secondary-background-color: #bfe9b6;
  --button-secondary-border-color: #bfe9b6;
  --matchpage-header-background: #1d491d;
  --font-highlight-color: #2f821e;
  --font-highlight-hover-color:#124008;
  --betting-button-color: #429d30;
  --betting-button-hover-color: #2f821e;
  --mobile-bottom-navbar-background-color: #344830;
  --mobile-bottom-navbar-active-color: #bfe9b6;
  --glow: 0px 0px 41px rgba(120, 255, 114, 0.56);
  --footer-main-background-color: #0e3a06;
  --footer-secondary-background-color: #245624;
  --footer-border-color: #3c5b33;
  --navbar-logo-color: #429d30;
  --dm-your-color: #429d30;
  --button-betting-offer-background: #F1FAEF;
  --button-betting-offer-border: #bfe9b6;
  --button-betting-offer-color: #0F5300;
  --body-background-color: #eff0ef;
  --navbar-background-color: #eff0ef;
  --news-featured-blue-background-color: #b6dfb8;
  --news-featured-blue-box-background-hover-color: #97c99a;
  --news-featured-blue-font-color: #031c01;
  --news-featured-blue-border-color: #44764b;
  --news-featured-blue-comment-color: #386437;
}
.dust2-br:root.night, .dust2-br .night {
  --button-primary-background-color: #429d30;
  --button-hover-primary-background-color: #2f821e;
  --button-secondary-background-color: #688d60;
  --button-secondary-border-color: #688d60;
  --font-highlight-color: #3f9d2b;
  --font-highlight-hover-color:#2e891b;
  --navbar-content-background-color: #3b4b3b;
  --box-background-color: #3b4b3b;
  --table-alternate-row-color: #364239;
  --box-border-color: #3a603a;
  --box-background-hover-color: #476047;
  --navbar-background-color: #2d362e;
  --body-background-color: #2d362e;
  --box-background-alternate-color: #364239;
  --box-background-alternate-color-hover: #29382d;
  --betting-button-color: #429d30;
  --betting-button-hover-color: #2f821e;
  --dm-your-color: #429d30;
  --button-betting-offer-background: #466446;
  --button-betting-offer-border: #688d60;
  --button-betting-offer-color: #ecf1ec;
  --footer-main-background-color: #0e3a06;
  --footer-secondary-background-color: #245624;
  --footer-border-color: #3c5b33;
}
.dust2-br .highlighted-match-watch-button .button {
  padding: var(--medium-spacing) var(--small-spacing);
}

.dust2-in:root, .dust2-in .day {
  --button-primary-background-color: #ff9933;
  --button-hover-primary-background-color: #d3591a;
  --button-secondary-background-color: #f6c19f;
  --button-secondary-border-color: #f6c19f;
  --matchpage-header-background: #a4410d;
  --font-highlight-color: #d3591a;
  --font-highlight-hover-color: #8b2600;
  --betting-button-color: #ff9933;
  --betting-button-hover-color: #d3591a;
  --mobile-bottom-navbar-background-color: #cc5b1d;
  --mobile-bottom-navbar-active-color: #f6c19f;
  --glow: 0px 0px 41px rgba(255, 161, 114, 0.56);
  --footer-main-background-color: #a4410d;
  --footer-secondary-background-color: #cc5b1d;
  --footer-border-color: #ff9933;
  --navbar-logo-color: #ff9933;
  --dm-your-color: #ff9933;
  --button-betting-offer-background: #FCE8D9;
  --button-betting-offer-border: #f6c19f;
  --button-betting-offer-color: #b34700;
  --body-background-color: #f0eef0;
  --navbar-background-color: #f0eef0;
  --news-featured-blue-background-color: #ff9933;
  --news-featured-blue-box-background-hover-color: #ef8c28;
  --news-featured-blue-font-color: #361d04;
  --news-featured-blue-border-color: #cd6f11;
  --news-featured-blue-comment-color: #a4410d;
  --top-page-matches-background-color: #120d0b;
}
.dust2-in:root.night, .dust2-in .night {
  --button-primary-background-color: #e78523;
  --button-hover-primary-background-color: #d37517;
  --button-secondary-background-color: #cc7d2e;
  --button-secondary-border-color: #cc7d2e;
  --font-highlight-color: #e0881d;
  --font-highlight-hover-color: #c3680a;
  --navbar-content-background-color: #383838;
  --box-background-color: #3a3939;
  --table-alternate-row-color: #2e2d2d;
  --box-border-color: #5a5a5a;
  --box-background-hover-color: #504c4a;
  --navbar-background-color: #282727;
  --body-background-color: #282727;
  --box-background-alternate-color: #2e2d2d;
  --box-background-alternate-color-hover: #242222;
  --list-item-seperator-line-color: #5a5a5a;
  --dm-other-color: #2c2a2a;
  --mobile-bottom-navbar-background-color: #383838;
  --mobile-bottom-navbar-active-color: #e78523;
  --betting-button-color: #ff9933;
  --betting-button-hover-color: #d3591a;
  --dm-your-color: #585858;
  --button-betting-offer-background: #6e5521;
  --button-betting-offer-border: #cc7d2e;
  --button-betting-offer-color: #ffffff;
  --footer-main-background-color: #161515;
  --footer-secondary-background-color: #282727;
  --footer-border-color: #5a5a5a;
  --scrollbar-handle-color: #23201f;
  --scrollbar-handle-hover-color: #150601;
  --input-background-color: var(--box-background-color);
}
.dust2-in .highlighted-match-watch-button .button {
  padding: var(--medium-spacing) var(--small-spacing);
}

.dust2-se .highlighted-match-watch-button .button {
  padding: var(--medium-spacing) var(--small-spacing);
}

:root, .day {
  --theme: day;
  --button-primary-text-color: #FFFFFF;
  --button-primary-background-color: #2d6ca2;
  --button-hover-primary-background-color: #1c5483;
  --button-secondary-background-color: #c3d4e3;
  --button-secondary-border-color: #c3d4e3;
  --navbar-logo-color: #105a98;
  --navbar-background-color: #EDEEF0;
  --navbar-content-background-color: #FFFFFF;
  --body-background-color: #EDEEF0;
  --outside-body-background-color: black;
  --mobile-bottom-navbar-background-color: #545a67;
  --mobile-bottom-navbar-active-color: #70a2ce;
  --glow: 0px 0px 41px rgba(114, 190, 255, 0.56);
  --winner-color: #187618;
  --looser-color: #D51010;
  --font-color: #2b2f34;
  --font-highlight-color: #105A98;
  --font-highlight-hover-color: #154166;
  --font-highlight-selection-color: #c3ddfd;
  --font-faded-color: #6b6b6b;
  --font-winner-green-color: var(--winner-color);
  --font-looser-red-color: var(--looser-color);
  --font-live-background-color: #D51010;
  --font-faded-white-color: rgba(255,255,255,0.75);
  --font-text-color: #5d6165;
  --font-emphasize-color: #2b2f34;
  --table-alternate-row-color: #f1f1f1;
  --list-item-seperator-line-color: #DEDEDE;
  --box-border-color: #dddddd;
  --box-background-color: #FFFFFF;
  --box-background-hover-color: #e6e6e6;
  --box-background-alternate-color: #f1f1f1;
  --box-background-highlight-color: #c3d4e3;
  --box-background-alternate-color-hover: #e2e2e2;
  --box-shadow-color: rgba(50, 50, 50, 0.4);
  --img-placeholder-color: rgba(0, 0, 0, 0.05);
  --button-betting-offer-background: #d6e7f5;
  --button-betting-offer-border: #c3d4e3;
  --button-betting-offer-color: #072e4e;
  --gradient-to-box-background-color: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  --team-t-color: #FAB200;
  --team-ct-color: #0091D4;
  --input-background-color: #FFFFFF;
  --font-placeholder-color: var(--box-background-alternate-color);
  --news-breaking-background-color: #f0ca00;
  --news-breaking-font-color: #2b2f34;
  --news-breaking-border-color: #b19500;
  --news-breaking-comment-color: #605202;
  --news-featured-blue-background-color: #b6ccdf;
  --news-featured-blue-font-color: #02192d;
  --news-featured-blue-border-color: #71899e;
  --news-featured-blue-comment-color: #405568;
  --news-featured-blue-box-background-hover-color: rgb(167.9214285714, 194.1642857143, 216.8285714286);
  --news-dk-power-league-background-color: #F15C25;
  --news-dk-power-league-font-color: #190801;
  --news-dk-power-league-border-color: #b9532d;
  --news-dk-power-league-comment-color: #461401;
  --news-dk-power-league-box-background-hover-color: rgb(240.1612068966, 82.2340517241, 23.9387931034);
  --news-featured-red-background-color: #f4c7c3;
  --news-featured-red-font-color: #2d0202;
  --news-featured-red-border-color: #9e7171;
  --news-featured-red-comment-color: #764d4d;
  --news-featured-red-box-background-hover-color: rgb(240.5992957746, 181.6873239437, 176.4507042254);
  --font-star-color: var(--font-text-color);
  --font-star-yellow-color: #F3BE00;
  --betting-button-color: #2d6ca2;
  --betting-button-hover-color: #1c5483;
  --top-page-matches-background-color: #0e1a24;
  --matchpage-header-background: #1D3549;
  --error-font-color: #a32d2d;
  --error-background-color: #f9c2c2;
  --contrast-color: #FFFFFF;
  --footer-main-background-color: #1D3549;
  --footer-secondary-background-color: #243F56;
  --footer-border-color: #33495B;
  --scrollbar-handle-color: #dcdcdc;
  --scrollbar-handle-hover-color: #d0d0d0;
  --white-color: #FFFFFF;
  --std-tooltip-background: #333333;
  --std-tooltip-text: #efefef;
  --dropdown-background-color: var(--box-background-color);
  --dropdown-text-color: var(--font-color);
  --lightbox-background-color: rgba(0, 0, 0, 0.8);
  --karma-admin: #000;
  --outline-focus-color: #2d6ca2;
  --dm-your-color: #105a98;
  --dm-other-color: #f1f1f1;
  --factbox-bg: #d4e1ec;
  --color-red: var(--looser-color);
  --color-yellow: #C68515;
  --color-green: var(--winner-color);
  --comment-lines-color: var(--box-border-color);
  --match-highligt-background: linear-gradient(90deg, #E7EFF5 0%, var(--box-background-color) 50%);
}

:root.night, .night {
  --theme: night;
  --button-primary-text-color: #FFFFFF;
  --button-primary-background-color: #30638f;
  --button-hover-primary-background-color: #204b70;
  --button-secondary-background-color: #588ab7;
  --button-secondary-border-color: #588ab7;
  --winner-color: #10a81c;
  --navbar-logo-color: #ffffff;
  --navbar-background-color: #2D3036;
  --navbar-content-background-color: #3B404B;
  --body-background-color: #2D3036;
  --list-item-seperator-line-color: #44474e;
  --table-alternate-row-color: #363a42;
  --font-color: #FDFDFD;
  --font-highlight-color: #65a3d9;
  --font-highlight-hover-color: #5789b5;
  --font-text-color: #dcdfe2;
  --font-emphasize-color: #FFF;
  --font-faded-color: #B0B0B0;
  --font-highlight-selection-color: #0c1019;
  --gradient-to-box-background-color: linear-gradient(180deg, rgba(59, 64, 75, 0) 0%, rgba(59, 64, 75, 1) 100%);
  --button-betting-offer-background: #34485a;
  --button-betting-offer-border: #588ab7;
  --button-betting-offer-color: #e7eef5;
  --box-border-color: #4D515A;
  --box-background-color: #3B404B;
  --box-background-hover-color: #525763;
  --box-background-alternate-color: #363a42;
  --box-background-highlight-color: #4e5d6c;
  --box-background-alternate-color-hover: #2c313a;
  --footer-main-background-color: #272f40;
  --footer-secondary-background-color: #364158;
  --footer-border-color: #465067;
  --betting-button-color: #30638f;
  --betting-button-hover-color: #204b70;
  --input-background-color: #3B404B;
  --font-placeholder-color: var(--box-background-alternate-color);
  --top-page-matches-background-color: #16181b;
  --matchpage-header-background: #2d3036;
  --scrollbar-handle-color: #232831;
  --scrollbar-handle-hover-color: #171b22;
  --karma-admin: #fff;
  --outline-focus-color: #fff;
  --error-font-color: #ffc4c4;
  --error-background-color: #7c2727;
  --dm-your-color: #30638f;
  --dm-other-color: #363a42;
  --factbox-bg: #3f5b73;
  --color-yellow: #e2a61d;
  --match-highligt-background: linear-gradient(90deg, #3f4f5d 0%, var(--box-background-color) 50%);
}

:root {
  --z-at-root-target: 0;
  --z-navbar: 100;
  --z-navbar-smartphone: 200;
  --z-nav-topbar-smartphone: 300;
  --z-lightbox: 400;
  --z-turbo-progress-bar: 9999;
}

@media (min-width: 931px) {
  .smartphone-only {
    display: none !important;
  }
  .tablet-only {
    display: none !important;
  }
}
@media (min-width: 701px) {
  .smartphone-only {
    display: none !important;
  }
}
@media (min-width: 701px) and (max-width: 930px) {
  .gtTablet-only {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .gtSmartphone-only {
    display: none !important;
  }
  .gtTablet-only {
    display: none !important;
  }
}
a, .a-default {
  text-decoration: none;
  color: var(--font-highlight-color);
}
a:hover, .a-default:hover {
  color: var(--font-highlight-hover-color);
  cursor: pointer;
}
a.a-block, .a-default.a-block {
  display: block;
  text-decoration: none;
  color: var(--font-color);
}
a.a-block:hover, .a-default.a-block:hover {
  color: var(--font-color);
  cursor: pointer;
}

::selection {
  background: var(--font-highlight-selection-color);
}

.flag {
  height: 12px;
  width: 18px;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: var(--img-placeholder-color);
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: var(--box-border-radius);
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.custom-scrollbar {
  /*Scrollbar styling*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.custom-scrollbar::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
}
@media (max-width: 700px) {
  .custom-scrollbar::-webkit-scrollbar {
    height: 3px;
  }
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--scrollbar-handle-color) !important;
  border-radius: 10px !important;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-handle-hover-color) !important;
}

.night-only {
  display: none !important;
}

.night .night-only {
  display: inherit !important;
}
.night .day-only {
  display: none !important;
}

.template-container {
  display: none;
}

.turbo-progress-bar {
  z-index: var(--z-turbo-progress-bar);
}

:root {
  --small-spacing: 4px;
  --medium-spacing: 8px;
  --large-spacing: 16px;
  --xlarge-spacing: 24px;
  --xxlarge-spacing: 40px;
  --news-side-padding: 100px;
  --disclaimer-font-size: 10px;
  --disclaimer-font-line-height: 12px;
  --xsmall-font-size: 10px;
  --small-font-size: 12px;
  --base-font-size: 14px;
  --medium-font-size: 15px;
  --large-font-size: 16px;
  --xlarge-font-size: 18px;
  --xxlarge-font-size: 20px;
  --subtitle-font-size: 20px;
  --title-font-size: 24px;
  --font-weight-bold: 400;
  --font-weight-bolder: 700;
  --match-slider-team-size: 14px;
  --border-width: 1px;
  --topbar-offset: 69px;
  --list-item-seperator-line: var(--border-width) solid var(--list-item-seperator-line-color);
  --list-item-height: 32px;
  --list-item-height-large: 48px;
  --box-border: var(--border-width) solid var(--box-border-color);
  --box-border-radius: 6px;
  --navbar-height: 53px;
  --sub-navigation-height: 42px;
  --mobile-bottom-navbar-height: 68px;
  --content-body-width: 1178px;
  --content-body-min-width: 360px;
  --body-left-column-width: 160px;
  --body-right-column-width: 160px;
  --font-size-newspost-font-size: 18px;
  --font-size-newspost-title-size: 48px;
  --font-size-match-page-header: 40px;
}
@media (min-width: 701px) and (max-width: 930px) {
  :root {
    --news-side-padding: 24px;
  }
}
@media (max-width: 700px) {
  :root {
    --small-spacing: 2px;
    --medium-spacing: 4px;
    --large-spacing: 8px;
    --small-spacing: 2px;
    --medium-spacing: 4px;
    --large-spacing: 8px;
    --xlarge-spacing: 16px;
    --small-spacing: 2px;
    --medium-spacing: 4px;
    --large-spacing: 8px;
    --xsmall-font-size: 7px;
    --small-font-size: 9px;
    --base-font-size: 13px;
    --medium-font-size: 14px;
    --large-font-size: 15px;
    --match-slider-team-size: 12px;
    --font-size-match-page-header: 20px;
    --font-size-newspost-title-size: 28px;
    --font-size-newspost-font-size: 16px;
    --news-side-padding: 16px;
  }
}

.inline-block {
  display: inline-block;
}

.heightAuto {
  height: auto;
}

details[open] {
  outline: none;
}

summary {
  outline: none;
}

textarea {
  color: var(--font-color);
  border-radius: var(--box-border-radius);
}
textarea::placeholder {
  color: var(--font-faded-color);
}
textarea:focus {
  outline: 0;
  border-radius: var(--box-border-radius);
  border: 1px solid var(--outline-focus-color);
}

select {
  background: var(--box-background-color);
  color: var(--font-color);
  border-radius: var(--box-border-radius);
  border: 1px solid var(--box-border-color);
}

@media (max-width: 700px) {
  select,
  textarea,
  input {
    font-size: 16px !important;
  }
}

.grid {
  display: grid;
  grid-gap: var(--large-spacing);
  align-self: flex-start;
}

[columns="auto,300"] {
  display: grid;
  grid-template-columns: auto 300px;
  grid-gap: var(--large-spacing);
}
@media (min-width: 701px) and (max-width: 930px) {
  [columns="auto,300"] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  [columns="auto,300"] {
    grid-template-columns: 1fr;
  }
}

[columns="3,3,3,3"] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--large-spacing);
}
@media (max-width: 700px) {
  [columns="3,3,3,3"] {
    grid-template-columns: 1fr;
  }
}

[columns="4,4,4"] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--large-spacing);
}
@media (max-width: 700px) {
  [columns="4,4,4"] {
    grid-template-columns: 1fr;
  }
}

[columns="6,6"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--large-spacing);
}
@media (max-width: 700px) {
  [columns="6,6"] {
    grid-template-columns: 1fr;
  }
}

[columns="8,4"] {
  display: grid;
  grid-template-columns: 8fr 4fr;
  grid-gap: var(--large-spacing);
}
@media (min-width: 701px) and (max-width: 930px) {
  [columns="8,4"] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  [columns="8,4"] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  [smartphoneColumns="6,6"] {
    grid-template-columns: 1fr 1fr !important;
  }
}

.design-guide-page section {
  border-bottom: var(--box-border);
  padding: 80px var(--news-side-padding);
}
.design-guide-page section:last-child {
  border-bottom: 0;
}
.design-guide-page .grid-example {
  border-radius: var(--box-border-radius);
  background-color: var(--box-background-alternate-color);
  text-align: center;
  padding: var(--large-spacing);
}
.design-guide-page code {
  background-color: var(--box-background-alternate-color);
  font-family: "Courier New";
  margin: 0 8px;
  padding: 2px;
  border-radius: var(--box-border-radius);
  border: var(--box-border);
  font-size: var(--small-font-size);
  color: var(--font-emphasize-color);
  display: inline-block;
  white-space: pre-wrap;
}
.design-guide-page code.wide-code {
  display: block;
}

.viewport-placements {
  display: none;
}

.placement-container {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.placement-container.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement-container.no-border-radius {
  border-radius: 0;
}

.placement160x600 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 160px;
  height: 600px;
}
.placement160x600.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement160x600.no-border-radius {
  border-radius: 0;
}

.placement300x250 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 300px;
  height: 250px;
}
.placement300x250.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement300x250.no-border-radius {
  border-radius: 0;
}

.placement320x160 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 320px;
  min-height: 50px;
}
.placement320x160.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement320x160.no-border-radius {
  border-radius: 0;
}

.placement320x320 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 320px;
}
.placement320x320.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement320x320.no-border-radius {
  border-radius: 0;
}

.placement300x600 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 300px;
  height: 600px;
}
.placement300x600.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement300x600.no-border-radius {
  border-radius: 0;
}

.placement930x180 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 930px;
  height: 180px;
  margin: 0 auto;
}
.placement930x180.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement930x180.no-border-radius {
  border-radius: 0;
}
@media (max-width: 1104px) {
  .placement930x180 {
    display: none;
  }
}

.placement930x120 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 930px;
  height: 120px;
  margin: 0 auto;
}
.placement930x120.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement930x120.no-border-radius {
  border-radius: 0;
}

.placement930x130 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 930px;
  height: 120px;
  margin: 0 auto;
}
.placement930x130.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement930x130.no-border-radius {
  border-radius: 0;
}

.placement728x90 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 728px;
  height: 90px;
}
.placement728x90.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement728x90.no-border-radius {
  border-radius: 0;
}
.placement728x90.faceit a {
  display: block;
}
.placement728x90.faceit img {
  max-width: 100%;
}

.placement970x250 {
  border-radius: var(--box-border-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 970px;
  height: 250px;
}
.placement970x250.fit-content {
  height: fit-content;
  width: fit-content;
}
.placement970x250.no-border-radius {
  border-radius: 0;
}

.news-padding-overflow {
  margin-left: calc(var(--news-side-padding) * -1);
  margin-right: calc(var(--news-side-padding) * -1);
}

.target-banner img {
  width: 100%;
  height: 100%;
}

.adsbygoogle[data-ad-status=unfilled] {
  display: none !important;
}

/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizYRExUiTo99u79D0e0x8mI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizaRExUiTo99u79D0aExdGM.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizaRExUiTo99u79D0yExdGM.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/notosans/v27/noto-400-italic.woff2) format("woff2");
  unicode-range: U+20B9;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dust2/vendor/notosans/v27/noto-400-normal.woff2) format("woff2");
  unicode-range: U+20B9;
}
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/notosans/v27/noto-700-italic.woff2) format("woff2");
  unicode-range: U+20B9;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dust2/vendor/notosans/v27/noto-700-normal.woff2) format("woff2");
  unicode-range: U+20B9;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  background-color: #000;
}

.main-page {
  font-family: "Noto Sans", "PT Sans", sans-serif;
  font-size: var(--base-font-size);
  scroll-padding-top: calc(var(--navbar-height) + var(--large-spacing));
  /* Layout */
}
.main-page .nav-main-footer-grid {
  min-height: 100vh;
  background-color: var(--outside-body-background-color);
  color: var(--font-color);
}
.main-page .turbo-progress-bar {
  background-color: var(--navbar-logo-color);
}
.main-page .bg-sidebar {
  --background-height: 1040px;
  --sidebar-ad-container-width: 300px;
  position: absolute;
  height: 100%;
  width: var(--sidebar-ad-container-width);
  --main-sidebar-container-height: calc(100vh - var(--navbar-height) - 135px);
}
@media (max-width: 1761px) {
  .main-page .bg-sidebar.wide {
    display: none;
  }
}
.main-page .bg-sidebar.narrow {
  --sidebar-ad-container-width: 160px;
}
@media (max-width: 1481px) {
  .main-page .bg-sidebar.narrow {
    display: none;
  }
}
@media (min-width: 1762px) {
  .main-page .bg-sidebar.narrow {
    display: none;
  }
}
.main-page .bg-sidebar.below-takeover {
  position: absolute;
  top: var(--background-height);
  height: calc(100% - var(--background-height));
  --main-sidebar-container-height: 0px;
}
.main-page .bg-sidebar.below-takeover .main-sidebar-container {
  display: none;
}
.main-page .bg-sidebar.left {
  left: calc((var(--sidebar-ad-container-width) + var(--medium-spacing)) * -1);
}
.main-page .bg-sidebar.left > * {
  float: right;
}
.main-page .bg-sidebar.right {
  right: calc((var(--sidebar-ad-container-width) + var(--medium-spacing)) * -1);
}
.main-page .bg-sidebar.right > * {
  float: left;
}
.main-page .bg-sidebar .main-sidebar-container {
  height: var(--main-sidebar-container-height);
  width: var(--sidebar-ad-container-width);
}
.main-page .bg-sidebar .main-sidebar-container > div {
  position: relative;
  height: 600px;
  top: calc((100vh - var(--navbar-height) - 135px) / 2 - 300px);
}
.main-page .bg-sidebar .sticky-sidebar-container {
  height: calc(100% - var(--main-sidebar-container-height) - var(--medium-spacing) * 2);
  margin-top: var(--medium-spacing);
}
.main-page .bg-sidebar .sticky-sidebar-container > div {
  position: sticky;
  display: block;
  top: 60px;
}
.main-page .bg-enabler {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.main-page .bg-enabler-child {
  pointer-events: none;
  height: 1040px;
  position: absolute;
  top: 0;
  width: 160px;
}
@media (max-width: 1481px) {
  .main-page .bg-enabler-child {
    display: none;
  }
}
.main-page .bg-enabler-child.right {
  right: calc((160px + var(--medium-spacing)) * -1);
}
.main-page .bg-enabler-child.left {
  left: calc((160px + var(--medium-spacing)) * -1);
}
.main-page .nav-topbar {
  grid-area: nav1;
  max-height: 270px;
  font-size: var(--medium-font-size);
  width: 100%;
  background-color: var(--navbar-background-color);
  z-index: 101;
  position: relative;
  padding-top: var(--medium-spacing);
  padding-bottom: var(--medium-spacing);
}
@media (max-width: 700px) {
  .main-page .nav-topbar {
    height: calc(var(--navbar-height) * 1);
    background-color: var(--box-background-color);
    position: sticky;
    top: 0;
    z-index: var(--z-nav-topbar-smartphone);
  }
}
.main-page .nav-topbar .nav-topbar-content {
  max-width: var(--content-body-width);
  margin: 0 auto;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
  .main-page .nav-topbar .nav-topbar-content {
    padding: 0 var(--large-spacing);
    position: relative;
    justify-content: space-between;
  }
}
.main-page .nav-topbar .nav-topbar-content .login-darkmode {
  display: flex;
}
.main-page .nav-topbar .nav-topbar-content .login-darkmode .icon {
  margin-right: 8px;
}
.main-page .nav-topbar .nav-topbar-content .login-darkmode .icon.last-icon {
  margin: 0;
}
@media (max-width: 700px) {
  .main-page .nav-topbar .nav-topbar-content .navbar-content-login .primary-button, .main-page .nav-topbar .nav-topbar-content .navbar-content-logout .primary-button {
    height: 34px;
    padding: 0 12px;
  }
}
@media (max-width: 700px) {
  .main-page .nav-topbar .nav-topbar-content .navbar-content-icons {
    display: flex;
  }
}
@media (max-width: 930px) {
  .main-page .nav-topbar-banner-container {
    display: none;
  }
}
@media (max-width: 1080px) and (min-width: 930px) {
  .main-page .nav-topbar-banner-container {
    margin: 0 auto;
  }
}
.main-page .navbar .icon, .main-page .nav-topbar .icon {
  color: var(--font-text-color);
  display: flex;
  background: var(--navbar-background-color);
  height: 34px;
  width: 34px;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}
.main-page .navbar .icon:hover, .main-page .nav-topbar .icon:hover {
  filter: brightness(90%) saturate(140%);
}
.main-page .navbar .icon:hover, .main-page .nav-topbar .icon:hover {
  cursor: pointer;
}
@media (max-width: 700px) {
  .main-page .navbar .icon.theme-icon, .main-page .nav-topbar .icon.theme-icon {
    margin-right: 8px;
  }
}
.main-page .navbar .icon-button, .main-page .navbar .dropdown-tab, .main-page .nav-topbar .icon-button, .main-page .nav-topbar .dropdown-tab {
  border: none;
  padding: 0;
}
.main-page .navbar .icon-with-count-container, .main-page .nav-topbar .icon-with-count-container {
  position: relative;
}
.main-page .navbar .icon-with-count-container .icon-count, .main-page .nav-topbar .icon-with-count-container .icon-count {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  right: -8px;
  top: -8px;
  color: var(--white-color);
  background: var(--looser-color);
  min-width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: bold;
}
@media (max-width: 700px) {
  .main-page .navbar .icon-with-count-container .icon-count, .main-page .nav-topbar .icon-with-count-container .icon-count {
    right: 2px;
    top: -7px;
  }
}
.main-page .site-search-dropdown {
  display: grid;
  grid-template-columns: 1fr auto;
}
.main-page .smartphone-community-lightbox {
  display: flex;
  flex-direction: column;
}
.main-page .smartphone-community-lightbox .smartphone-latest-comments {
  height: calc(100vh - 300px);
  padding: 0 var(--xlarge-spacing);
  overflow-y: scroll;
  border-bottom: 1px solid var(--box-border-color);
}
.main-page .smartphone-community-lightbox .latestcomment {
  height: 32px;
}
.main-page .smartphone-community-lightbox .community-tab-go-to-forum {
  display: flex;
  color: var(--font-text-color);
  font-weight: var(--font-weight-bolder);
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding: var(--xlarge-spacing);
  box-sizing: border-box;
  font-size: var(--large-font-size);
}
.main-page .navbar {
  grid-area: nav2;
  font-size: var(--medium-font-size);
  position: sticky;
  top: -1px;
  z-index: var(--z-navbar);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.24);
  width: 100%;
  background-color: var(--navbar-background-color);
  height: var(--navbar-height);
}
@media (max-width: 700px) {
  .main-page .navbar {
    position: fixed;
    bottom: 0;
    z-index: var(--z-navbar-smartphone);
    top: inherit;
    height: var(--mobile-bottom-navbar-height);
  }
}
:target {
  padding-top: var(--navbar-height)var(--medium-spacing) !important;
  display: block;
  outline: none;
  position: relative !important;
  z-index: var(--z-at-root-target) !important;
}

.main-page .navbar .navcon {
  max-width: var(--content-body-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .main-page .navbar .navcon {
    height: 100%;
  }
}
.main-page .navbar .navcon .small-logo {
  display: flex;
  align-items: center;
  height: 100%;
  width: 94px;
}
@media (max-width: 1080px) and (min-width: 930px) {
  .main-page .navbar .navcon .small-logo {
    display: none;
  }
}
@media (max-width: 930px) and (min-width: 600px) {
  .main-page .navbar .navcon .small-logo {
    margin: 0 auto;
  }
}
@media (max-width: 700px) {
  .main-page .navbar .navcon .small-logo {
    width: 85px;
  }
}
.main-page .navbar .navcon .small-logo svg {
  fill: var(--navbar-logo-color);
  width: 100%;
}
.main-page .navbar .navcon .small-logo .custom-logo {
  max-height: 46px;
  height: 100%;
  align-self: center;
}
@media (max-width: 700px) {
  .main-page .navbar .navcon .small-logo .custom-logo {
    max-height: 42px;
  }
}
.main-page .navbar .navcon .navbar-content-items {
  display: flex;
  width: 100%;
}
@media (max-width: 700px) {
  .main-page .navbar .navcon .navbar-content-items {
    height: 100%;
  }
}
.main-page .navbar .navcon .navbar-content-items .navbar-right-side {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--large-spacing);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item {
  display: flex;
  flex: 0 0 auto;
  font-size: var(--large-font-size);
  padding: 0 var(--large-spacing);
  height: var(--navbar-height);
  align-items: center;
  position: relative;
  color: var(--font-color);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item:hover:not(.navbar-content-login, .navbar-content-logout, .navbar-content-icons) {
  background-color: var(--box-background-hover-color);
}
@media (max-width: 700px) {
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item:hover:not(.navbar-content-login, .navbar-content-logout, .navbar-content-icons) {
    background-color: inherit;
  }
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.active {
  font-weight: var(--font-weight-bolder);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.active::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 3px;
  padding: 0;
  background-color: var(--font-highlight-color);
}
@media (max-width: 700px) {
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item.active::before {
    bottom: 28px;
    background-color: var(--mobile-bottom-navbar-active-color);
  }
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item .custom-text {
  border-radius: var(--box-border-radius);
  padding: 0 var(--medium-spacing);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.breaking-nav .custom-text {
  color: var(--news-breaking-font-color) !important;
  background: var(--news-breaking-background-color);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.gossip-nav .custom-text {
  background: var(--news-featured-red-background-color);
  color: var(--news-featured-red-font-color) !important;
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.community-hover:hover {
  cursor: pointer;
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.navbar-content-login {
  padding-right: 0;
  padding-left: 0;
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.navbar-content-logout {
  padding: 0;
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.navbar-content-icons {
  padding: 0;
  gap: var(--large-spacing);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.navbar-content-icons a {
  color: var(--font-color);
}
.main-page .navbar .navcon .navbar-content-items .navbar-content-item.navbar-content-item-filler {
  flex: 999999 0 auto;
}
.main-page .navbar .navcon .navbar-content-items .hamburger {
  display: none;
  cursor: pointer;
}
@media (max-width: 700px) {
  .main-page .navbar .navcon {
    /* Break down menu items into vertical */
  }
  .main-page .navbar .navcon .navbar-content-items {
    width: 100%;
    background-color: var(--mobile-bottom-navbar-background-color);
    border-radius: var(--box-border-radius);
    padding: 0 13px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    /* Revert this when we decide to use hamburger */
    /* Show Hamburger Icon */
  }
  .main-page .navbar .navcon .navbar-content-items:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    top: -20px;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    display: block;
  }
  .main-page .navbar .navcon .navbar-content-items .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    color: var(--font-color);
    padding: var(--large-spacing);
    font-size: 24px;
  }
  .main-page .navbar .navcon .navbar-content-items .navborder {
    display: none;
  }
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item {
    box-sizing: border-box;
    height: 100%;
    margin-bottom: -10px;
    margin-top: -10px;
    padding: 5px 0 30px;
    color: white;
  }
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item form {
    width: 100%;
  }
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item form button {
    display: inline-block;
    width: 100%;
  }
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item.visible {
    display: flex;
  }
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item.visible.navbar-content-login, .main-page .navbar .navcon .navbar-content-items .navbar-content-item.visible.navbar-content-logout {
    display: block;
    padding: var(--medium-spacing);
  }
  .main-page .navbar .navcon .navbar-content-items .navbar-content-item.visible.navbar-content-login button, .main-page .navbar .navcon .navbar-content-items .navbar-content-item.visible.navbar-content-logout button {
    width: 100%;
  }
}
.main-page .navbar .navborder {
  height: var(--navbar-height);
}
.main-page .navbar .navborder:before {
  display: block;
  content: "";
  border-left: var(--border-width) solid var(--box-border-color);
  height: 100%;
}
.main-page .main-page-content {
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 700px) {
  .main-page .main-page-content {
    background-image: none !important;
  }
}
.main-page .bgPadding {
  grid-area: main-area;
  width: 100%;
  max-width: var(--content-body-width);
  background-color: var(--body-background-color);
  padding-bottom: var(--large-spacing);
  margin: 0 auto;
  color: var(--font-color);
  position: relative;
}
.main-page .bgPadding.very-wide-admin-layout {
  max-width: inherit;
}
.main-page .bgPadding.very-wide-admin-layout .widthControl {
  max-width: 100%;
}
.main-page .mobile-banner-wrapper {
  background: var(--top-page-matches-background-color);
}
.main-page .top-mobile-ad {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: var(--medium-spacing);
  padding-bottom: var(--medium-spacing);
}
.main-page .widthControl {
  padding-top: var(--large-spacing);
  max-width: var(--content-body-width);
  margin: 0 auto;
}
@media (min-width: 1150px) {
  .main-page .widthControl {
    padding-left: var(--large-spacing);
    padding-right: var(--large-spacing);
  }
}
.main-page .col-grid {
  display: grid;
  grid-column-gap: var(--large-spacing);
  grid-template-columns: var(--body-left-column-width) 1fr var(--body-right-column-width);
  grid-template-areas: "leftCol contentCol rightCol";
}
.main-page .col-grid.col-grid-left {
  grid-template-columns: var(--body-left-column-width) 1fr;
  grid-template-areas: "leftCol contentCol";
}
.main-page .col-grid.col-grid-right {
  grid-template-columns: 1fr var(--body-right-column-width);
  grid-template-areas: "contentCol rightCol";
}
.main-page .col-grid.col-grid-single {
  grid-template-columns: 1fr;
  grid-template-areas: "contentCol";
}
.main-page .leftCol {
  grid-area: leftCol;
}
.main-page .rightCol {
  grid-area: rightCol;
  display: flex;
  flex-direction: column;
  gap: var(--large-spacing);
}
.main-page .contentCol {
  grid-area: contentCol;
}
@media (max-width: 700px) {
  .main-page .leftCol, .main-page .rightCol {
    display: none;
  }
  .main-page .col-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "contentCol";
  }
  .main-page .col-grid.col-grid-left {
    grid-template-columns: 1fr;
    grid-template-areas: "contentCol";
  }
  .main-page .col-grid.col-grid-right {
    grid-template-columns: 1fr;
    grid-template-areas: "contentCol";
  }
  .main-page .col-grid.col-grid-single {
    grid-template-columns: 1fr;
    grid-template-areas: "contentCol";
  }
}

.theme-toggles-container {
  text-align: center;
  color: var(--font-text-color);
  user-select: none;
}
.theme-toggles-container .toggle-header {
  padding-top: var(--medium-spacing);
}
.theme-toggles-container .theme-toggles {
  color: var(--font-text-color);
  display: flex;
  padding: var(--medium-spacing);
}
.theme-toggles-container .theme-toggles .button {
  margin-left: var(--medium-spacing);
  flex: 1 auto;
  min-height: inherit;
}
.theme-toggles-container .theme-toggles .button:first-child {
  margin-left: 0;
}
.theme-toggles-container .theme-toggles .button:hover {
  cursor: pointer;
  background-color: var(--button-primary-background-color);
  border: 1px solid var(--button-primary-background-color);
  color: var(--white-color);
}
.theme-toggles-container .theme-toggles .button.active {
  font-weight: var(--font-weight-bolder);
  color: var(--white-color);
  background-color: var(--button-primary-background-color);
  border: var(--button-primary-background-color);
}

.ad-container {
  position: relative;
  width: 100%;
  border-radius: var(--box-border-radius);
  overflow: hidden;
}
.ad-container .disclaimer {
  position: absolute;
  right: 0;
  font-size: 10px;
  color: var(--font-faded-color);
}
.ad-container.padded {
  padding: var(--medium-spacing);
  box-sizing: border-box;
}
.ad-container.padded .disclaimer {
  margin-top: calc(var(--small-spacing) * -1);
}
.ad-container > img {
  width: 100%;
}

.match-listing-slider:active {
  cursor: grabbing;
}

.match-listing {
  position: sticky;
  top: var(--topbar-offset);
}
.match-listing .listingtitle {
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  z-index: 2;
  position: relative;
}
.match-listing .listingsettings {
  float: right;
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
}
.match-listing .nomatches {
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
}
.match-listing .matches {
  font-size: var(--small-font-size);
  display: grid;
  grid-gap: var(--small-spacing);
}
.match-listing .matches .match-list-border {
  border-top: 1px solid var(--box-border-color);
  padding-top: var(--medium-spacing);
}
.match-listing .matches .match-list-border:first-child {
  border-top: 0;
}
.match-listing .matches .match-list-component {
  background-color: inherit;
  padding: 0;
  border: 0;
  flex: 0 0 160px;
  max-width: 160px;
}
.match-listing .matches .match-list-component:hover {
  cursor: pointer;
  background-color: var(--box-background-hover-color);
  margin: calc(var(--small-spacing) * -1);
  padding: var(--small-spacing);
  box-sizing: inherit;
  padding-bottom: 0px;
  padding-top: 0;
  margin-bottom: 0px;
  margin-top: 0;
}
.match-listing .matches .match-list-component:active {
  cursor: pointer;
}
.match-listing .matches .match-list-component .match-grid {
  grid-template-columns: 50px 1fr 50px;
}
.match-listing .matches .match-list-component a:active {
  cursor: pointer;
}
.match-listing .matches .match-text {
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.match-listing-slider {
  position: relative;
  width: 100%;
  background-color: var(--top-page-matches-background-color);
  touch-action: none;
  overflow-x: hidden;
  padding: var(--medium-spacing);
  box-sizing: border-box;
}
.match-listing-slider .no-matches {
  color: var(--white-color);
  text-align: center;
}
.match-listing-slider .matches {
  display: flex;
  user-select: none;
}
.match-listing-slider .matches .match-list-component {
  margin: 0 var(--medium-spacing);
}
.match-listing-slider .ease-transition {
  transition: 1s ease;
}
.match-listing-slider .slider-buttons {
  position: absolute;
  top: 0;
  right: 2px;
  height: 100%;
  width: 40px;
  background: linear-gradient(90deg, rgba(45, 48, 54, 0) 0%, var(--top-page-matches-background-color) 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.match-listing-slider .slider-buttons:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  right: -2px;
  background: var(--top-page-matches-background-color);
}
.match-listing-slider .slider-buttons .slider-btn {
  height: 25px;
  width: 25px;
  background-color: var(--box-background-color);
  border-radius: 100px;
  position: relative;
  right: -28px;
  top: 7px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  margin: -20px;
  user-select: none;
}
.match-listing-slider .slider-buttons .slider-btn .fa {
  bottom: 1px;
}
.match-listing-slider .slider-buttons .slider-btn.slider-forward .fa {
  position: relative;
  left: 2px;
}
.match-listing-slider .slider-buttons .slider-btn.slider-back .fa {
  position: relative;
  right: 1px;
}
.match-listing-slider .slider-buttons .slider-btn:hover {
  cursor: pointer;
  background-color: var(--box-background-hover-color);
}
.match-listing-slider .slider-buttons .end-of-slider {
  opacity: 0.5;
}
.match-listing-slider .slider-buttons .end-of-slider:hover {
  background-color: var(--box-background-color);
}

.match-list-component {
  background-color: var(--box-background-color);
  border-radius: var(--box-border-radius);
  border: var(--box-border);
  padding: var(--small-spacing);
  color: var(--font-color);
  display: flex;
  flex-direction: column;
  max-width: 200px;
  width: 100%;
  box-sizing: border-box;
  flex: 0 0 200px;
}
@media (max-width: 700px) {
  .match-list-component {
    flex: 0 0 133px;
  }
}
.match-list-component a {
  color: var(--font-color);
}
.match-list-component a:active {
  cursor: grabbing;
}
.match-list-component:hover {
  color: var(--font-color);
  background-color: var(--box-background-hover-color);
}
.match-list-component:active {
  cursor: grabbing;
}
.match-list-component .match-list-top {
  display: flex;
  gap: var(--medium-spacing);
}
.match-list-component .live .start-time {
  background-color: var(--font-live-background-color);
  border-radius: var(--box-border-radius);
  justify-content: center;
  color: var(--white-color);
  padding: 0 4px;
  flex: 0;
}
.match-list-component .match-logo {
  width: 20px;
  margin-right: 8px;
}
@media (max-width: 700px) {
  .match-list-component .match-logo {
    width: 15px;
    margin-right: 4px;
  }
}
.match-list-component .start-time, .match-list-component .event-name {
  display: flex;
  align-items: center;
}
.match-list-component .start-time {
  flex: 0;
  font-weight: var(--font-weight-bolder);
  font-size: var(--small-font-size);
  color: var(--font-emphasize-color);
}
.match-list-component .event-name {
  text-align: right;
  color: var(--font-faded-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--small-font-size);
  justify-content: flex-end;
  flex: 1;
}
.match-list-component .teamrow {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-bolder);
  font-size: var(--match-slider-team-size);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
}
@media (max-width: 700px) {
  .match-list-component .teamrow {
    font-size: var(--match-slider-team-size);
    height: 24px;
  }
}
.match-list-component .teamrow .team-logo-container {
  margin-right: var(--medium-spacing);
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.match-list-component .teamrow .team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .match-list-component .teamrow .team-logo-container {
    height: 18px;
    width: 18px;
    flex: 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .match-list-component .teamrow .team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.match-list-component .teamrow .match-list-live-score-container {
  font-size: var(--small-font-size);
}
.match-list-component .teamrow .match-list-live-score {
  font-size: var(--base-font-size);
}
.match-list-component .teamrow .trailing {
  color: var(--font-looser-red-color);
}
.match-list-component .teamrow .leading {
  color: var(--font-winner-green-color);
}
.match-list-component .team {
  display: flex;
  flex: 1 auto;
  height: 100%;
  align-items: center;
}
.match-list-component .match-text-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.match-list-component .match-text {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--font-faded-color);
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 700px) {
  .match-list-component .match-text {
    font-size: var(--small-font-size);
  }
}
.match-list-component .team-odd-0, .match-list-component .team-score-0, .match-list-component .team-odd-1, .match-list-component .team-score-1 {
  text-align: right;
  align-self: center;
}
.match-list-component .team-odd-1, .match-list-component .team-odd-0 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.match-list-component .team-odd-1 .secondary-button, .match-list-component .team-odd-0 .secondary-button {
  height: 26px;
  box-sizing: border-box;
  padding: var(--small-spacing) var(--medium-spacing);
  min-height: inherit;
}
@media (max-width: 700px) {
  .match-list-component .team-odd-1 .secondary-button, .match-list-component .team-odd-0 .secondary-button {
    height: 16px;
  }
}

.latest-comments .headline {
  margin: 0;
  padding: 0;
  color: var(--font-faded-color);
  font-size: var(--base-font-size);
  font-weight: var(--font-weight-bolder);
}
.latest-comments .latestcomment {
  display: flex;
  align-items: center;
  height: 22px;
}
.latest-comments .comment {
  flex: 1 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.latest-comments .count {
  flex: 0 0 auto;
  color: var(--font-faded-color);
}
.latest-comments .new-thread-button {
  margin-top: var(--medium-spacing);
}

.footer {
  grid-area: footer;
  color: var(--font-faded-white-color);
}
@media (max-width: 700px) {
  .footer .widthControl {
    padding-left: var(--large-spacing);
    padding-right: var(--large-spacing);
  }
}
.footer .main-footer-wrapper {
  background-color: var(--footer-main-background-color);
}
.footer .secondary-footer-wrapper {
  background-color: var(--footer-secondary-background-color);
  border-top: var(--border-width) solid var(--footer-border-color);
}
.footer .secondary-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: var(--large-spacing);
  padding-bottom: var(--large-spacing);
}
@media (max-width: 700px) {
  .footer .secondary-footer {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .footer .mobile-navbar-spacing {
    padding-bottom: calc(var(--mobile-bottom-navbar-height));
  }
}
.footer .footer-bottom-right-section {
  display: flex;
  gap: var(--large-spacing);
  align-items: center;
  flex-wrap: wrap;
}
.footer .footer-bottom-right-section .footer-legal-img {
  max-width: 100%;
}
.footer .footer-bottom-right-section .responsible-gaming-logo {
  max-height: 45px;
}
.footer .footer-bottom-right-section-generic {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}
.footer .footer-bottom-right-section-generic .age-requirement-container {
  display: flex;
  flex-direction: row;
  column-gap: var(--medium-spacing);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
@media (max-width: 700px) {
  .footer .footer-bottom-right-section-generic .age-requirement-container {
    justify-content: center;
  }
}
.footer .footer-bottom-right-section-generic .age-requirement-container .age-requirement {
  font-size: 14px;
  color: white;
  background-color: red;
  padding: 4px;
  font-weight: 700;
  border-radius: var(--box-border-radius);
}
.footer .footer-bottom-right-section-generic .responsible-gaming-logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--large-spacing);
}
.footer .footer-bottom-right-section-generic .responsible-gaming-logos .footer-legal-img {
  max-width: 100%;
}
.footer .footer-bottom-right-section-generic .responsible-gaming-logos .responsible-gaming-logo {
  max-height: 45px;
}
.footer .main-footer {
  line-height: 23px;
  padding-top: var(--xxlarge-spacing);
  padding-bottom: var(--xxlarge-spacing);
}
@media (max-width: 700px) {
  .footer .main-footer {
    grid-template-columns: 1fr;
  }
}
.footer .footer-header {
  color: var(--white-color);
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
  margin-bottom: var(--medium-spacing);
}
.footer .footer-chief-editor {
  color: var(--white-color);
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer a, .footer .cookie-setting {
  color: var(--white-color);
  font-weight: var(--font-weight-bolder);
}
.footer .cookie-setting {
  padding: 0;
}
.footer .footer-bottom-left-section {
  font-size: var(--small-font-size);
}
@media (max-width: 700px) {
  .footer .footer-bottom-left-section {
    font-size: var(--base-font-size);
  }
}
.footer .footer-some-container {
  margin: var(--medium-spacing) 0;
  display: flex;
  gap: var(--medium-spacing);
}
.footer .social-icon {
  height: 30px;
  width: 30px;
  display: flex;
  border-radius: var(--box-border-radius);
  background-color: var(--footer-secondary-background-color);
  align-items: center;
  justify-content: center;
  color: var(--font-faded-white-color);
}
.footer .social-icon:hover {
  filter: brightness(90%) saturate(140%);
}

.streams {
  margin-bottom: var(--large-spacing);
}
.streams .headline {
  margin: 0;
  padding: 0;
  color: var(--font-faded-color);
  font-size: var(--medium-font-size);
  font-weight: var(--font-weight-bolder);
}
.streams .stream {
  display: flex;
  align-items: center;
  height: var(--list-item-height);
  border-bottom: var(--list-item-seperator-line);
  font-size: var(--small-font-size);
}
.streams .stream:last-child {
  border-bottom: 0;
}
.streams .flag {
  margin: 0 var(--small-spacing);
}
.streams .streamername {
  flex: 1 0 0;
  margin-right: var(--small-spacing);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.streams .count {
  flex: 0 0 auto;
  color: var(--font-faded-color);
}

.notification-dropdown {
  max-height: 350px;
  overflow-x: auto;
}
.notification-dropdown .no-notifications {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
}
.notification-dropdown .notification-container {
  padding: var(--medium-spacing);
  border-bottom: var(--box-border);
  color: var(--font-text-color);
  background: var(--box-background-color);
}
.notification-dropdown .notification-container:hover {
  cursor: pointer;
  background: var(--box-background-hover-color);
}
.notification-dropdown .notification-container .notification-info {
  display: flex;
  justify-content: space-between;
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
}
.notification-dropdown .notification-container .notification-info .timestamp {
  font-weight: var(--font-weight-bolder);
}
.notification-dropdown .notification-container .notification-info .type {
  font-weight: var(--font-weight-bolder);
}
.notification-dropdown .notification-container .notification-message {
  font-size: var(--small-font-size);
  color: var(--font-emphasize-color);
}
@media (max-width: 700px) {
  .notification-dropdown .notification-container .notification-message {
    font-size: var(--base-font-size);
  }
}
.notification-dropdown .notification-container .notification-message .reply-subject {
  font-weight: var(--font-weight-bolder);
}
.notification-dropdown .notification-container .notification-message .reply-user {
  font-weight: var(--font-weight-bolder);
}

.countdowns .countdown {
  width: 100%;
  text-align: center;
  color: var(--font-color);
  font-size: var(--medium-font-size);
  padding: var(--medium-spacing) 0;
}
.countdowns .countdown .countdown-counter-text {
  font-weight: var(--font-weight-bolder);
}
.countdowns .countdown.countdown-featured-blue {
  background-color: var(--news-featured-blue-background-color);
  color: var(--news-featured-blue-font-color);
}
.countdowns .countdown.countdown-featured-blue:hover {
  background-color: var(--news-featured-blue-box-background-hover-color);
}
.countdowns .countdown.countdown-featured-red {
  background-color: var(--news-featured-red-background-color);
  color: var(--news-featured-red-font-color);
}
.countdowns .countdown.countdown-featured-red:hover {
  background-color: var(--news-featured-red-box-background-hover-color);
}
.countdowns .countdown.countdown-breaking {
  background-color: var(--news-breaking-background-color);
  color: var(--news-breaking-font-color);
}
.countdowns .countdown.countdown-dk-power-liga {
  background-color: var(--news-dk-power-league-background-color);
  color: var(--news-dk-power-league-font-color);
}
.countdowns .countdown.countdown-dk-power-liga:hover {
  background-color: var(--news-dk-power-league-box-background-hover-color);
}

.tabs {
  display: flex;
}
.tabs .tab {
  position: relative;
  flex: 1 0 0;
  text-align: center;
  font-size: var(--medium-font-size);
  line-height: 40px;
}
.tabs .tab.active {
  font-weight: var(--font-weight-bolder);
  color: var(--font-highlight-color);
}
.tabs .tab.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  padding: 0;
  background-color: var(--font-highlight-color);
}

.match-results-tab {
  background-color: var(--box-background-color);
}

.latest-news-box {
  flex-direction: column;
  position: relative;
}
.latest-news-box.standard-box .standard-box-content {
  padding: 0;
}
.latest-news-box .latest-news-box-items {
  overflow-y: scroll;
  max-height: 367px;
  background: var(--box-background-color);
}
.latest-news-box .latest-news-box-items .latest-news-box-news-item {
  color: var(--font-color);
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
  padding: var(--medium-spacing);
  max-height: var(--list-item-height-large);
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  user-select: none;
  border-top: var(--list-item-seperator-line);
}
.latest-news-box .latest-news-box-items .latest-news-box-news-item:first-child {
  border-top: 0;
}
.latest-news-box .latest-news-box-items .latest-news-box-news-item:hover {
  cursor: pointer;
  background-color: var(--box-background-hover-color);
  box-sizing: inherit;
}

.collapsable-article-element {
  margin: 1em calc(var(--news-side-padding) * -1);
}
.collapsable-article-element.unfilled {
  margin-top: 0;
  margin-bottom: -1em;
}

.news-dsl {
  font-size: var(--font-size-newspost-font-size);
  line-height: calc(var(--font-size-newspost-font-size) * 1.6);
}
.news-dsl.news-header-image {
  position: relative;
}
.news-dsl .paragraph {
  margin-top: 1em;
  margin-bottom: 1em;
}
.news-dsl .box-margins {
  margin-top: var(--large-spacing);
  margin-bottom: var(--large-spacing);
}
.news-dsl ul li .paragraph {
  margin: 4px 0;
}
.news-dsl a:not(.news-item-reference-title):not(.header-image-caption) {
  text-decoration: underline;
  color: var(--font-highlight-color);
}
.news-dsl a:not(.news-item-reference-title):not(.header-image-caption) strong {
  color: var(--font-highlight-color);
}
.news-dsl blockquote {
  padding: 0 var(--large-spacing);
  border-left: 4px solid var(--button-primary-background-color);
}
.news-dsl h1, .news-dsl h2, .news-dsl h3, .news-dsl h4, .news-dsl b, .news-dsl strong {
  color: var(--font-emphasize-color);
}
.news-dsl h1, .news-dsl h2, .news-dsl h3, .news-dsl h4 {
  margin: var(--large-spacing) 0;
}
.news-dsl .legacy-con b, .news-dsl .legacy-con strong {
  color: inherit;
}
.news-dsl .embedable-iframe {
  clear: both;
  text-align: center;
}
.news-dsl [data-html-widget] {
  text-align: center;
}
.news-dsl [data-html-widget] iframe {
  margin: 0 auto;
  max-width: 670px;
  height: 435px;
}
@media (max-width: 700px) {
  .news-dsl [data-html-widget] iframe {
    height: 250px;
  }
}
.news-dsl .image-con img {
  width: 100%;
}
.news-dsl .header-image-container .header-image {
  overflow: hidden;
}
.news-dsl .header-image-caption {
  background: var(--button-primary-background-color);
  color: var(--white-color);
  padding: var(--small-spacing) var(--large-spacing);
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 700px) {
  .news-dsl .header-image-caption {
    line-height: 16px;
    font-size: var(--small-font-size);
  }
}
.news-dsl .header-image-caption a {
  color: var(--white-color) !important;
}
.news-dsl .fact-box {
  padding: var(--xlarge-spacing);
  background-color: var(--factbox-bg);
  border-radius: var(--box-border-radius);
  margin-right: var(--xxlarge-spacing);
  margin-left: var(--xxlarge-spacing);
}
@media (max-width: 700px) {
  .news-dsl .fact-box {
    margin-right: var(--large-spacing);
    margin-left: var(--large-spacing);
  }
}
.news-dsl .fact-box .fact-box-title {
  font-size: var(--base-font-size);
  font-weight: var(--font-weight-bolder);
}
.news-dsl .video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.news-dsl .video-wrapper iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: var(--box-border-radius);
}
.news-dsl .audio-wrapper {
  position: relative;
}
.news-dsl .audio-wrapper iframe {
  width: 100%;
  height: 120px;
}
.news-dsl .news-item-reference-container {
  display: flex;
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
  background-color: var(--box-background-color);
  border-radius: var(--box-border-radius);
  overflow: hidden;
  border: var(--border-width) solid var(--box-border-color);
  padding: var(--medium-spacing);
  margin-left: var(--medium-spacing);
  margin-right: var(--medium-spacing);
}
.news-dsl .news-item-reference-container:hover {
  background-color: var(--box-background-hover-color);
}
.news-dsl .news-item-reference-container .news-item-reference-title {
  flex: 1 1 auto;
  padding: var(--large-spacing);
  font-size: var(--title-font-size);
  align-self: center;
}
@media (max-width: 700px) {
  .news-dsl .news-item-reference-container .news-item-reference-title {
    font-size: var(--large-font-size);
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.news-dsl .news-item-reference-container .news-item-reference-image {
  flex: 0 0 150px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 700px) {
  .news-dsl .news-item-reference-container .news-item-reference-image {
    flex: 0 0 100px;
  }
}
.news-dsl .news-item-reference-container .news-item-reference-image img {
  width: 100%;
  border-radius: var(--box-border-radius);
}
.news-dsl .match-result-widget {
  max-width: 670px;
  border-radius: var(--box-border-radius);
  background-color: var(--box-background-color);
  border: var(--border-width) solid var(--box-border-color);
  font-size: var(--large-font-size);
}
.news-dsl .match-result-widget .tab-overview {
  display: flex;
  flex-direction: column;
  gap: var(--large-spacing);
}
.news-dsl .match-result-widget .navigation-sub-tabs {
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding-left: var(--medium-spacing);
  padding-right: var(--medium-spacing);
}
.news-dsl .match-result-widget .map-name {
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  margin: var(--large-spacing) 0;
  font-size: var(--base-font-size);
}
.news-dsl .match-result-widget .match-result-header {
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  text-decoration: none;
}
.news-dsl .match-result-widget .match-result-header .match-result-header-event {
  flex: 1 0 50%;
}
.news-dsl .match-result-widget .match-result-header .match-result-header-format {
  flex: 0 1 auto;
}
.news-dsl .match-result-widget .standard-box {
  position: relative;
  z-index: 2;
}
.news-dsl .match-result-widget .navigation-sub-tabs {
  margin-top: calc(var(--medium-spacing) * -1);
}
.news-dsl .match-result-widget .overall-result {
  display: flex;
  justify-content: space-evenly;
  padding: var(--large-spacing);
  position: relative;
  z-index: 1;
}
.news-dsl .match-result-widget .overall-result .background-team-logo {
  position: absolute;
  opacity: 0.15;
  user-select: none;
  pointer-events: none;
  height: 300px;
  width: auto;
  top: 0;
  filter: blur(3px);
}
.news-dsl .match-result-widget .overall-result .background-team-logo.team-logo-1 {
  left: 0;
  transform: translateX(-30%) rotate(7deg);
  top: -40px;
}
.news-dsl .match-result-widget .overall-result .background-team-logo.team-logo-2 {
  right: 0;
  transform: translateX(30%) rotate(-7deg);
  top: -40px;
}
.news-dsl .match-result-widget .overall-result .match-result-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: var(--large-font-size);
  color: var(--font-faded-color);
  flex: 50%;
  gap: var(--medium-spacing);
}
.news-dsl .match-result-widget .overall-result .match-result-team .team-logo {
  height: 40px;
}
.news-dsl .match-result-widget .overall-result .match-result-team.loser .team-logo {
  opacity: 0.5;
  filter: saturate(0%);
}
.news-dsl .match-result-widget .overall-result .match-result-team.winner {
  color: var(--font-color);
  font-weight: var(--font-weight-bolder);
}
.news-dsl .match-result-widget .overall-result .match-start-time {
  font-size: 48px;
}
.news-dsl .match-result-widget .overall-result .match-result-score {
  display: flex;
  align-items: center;
  font-size: 48px;
  color: var(--font-faded-color);
  font-weight: var(--font-weight-bolder);
}
.news-dsl .match-result-widget .overall-result .match-result-score .winner {
  color: var(--font-winner-green-color);
}
.news-dsl .match-result-widget .match-maps-header {
  color: var(--font-faded-color);
  font-size: var(--medium-font-size);
}
.news-dsl .match-result-widget .match-map-results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 32px;
  justify-items: center;
}
.news-dsl .match-result-widget .match-map-results-grid .match-map-result-name {
  font-weight: var(--font-weight-bolder);
  border-radius: var(--box-border-radius);
  padding: 0 var(--large-spacing);
  color: var(--font-text-color);
}
.news-dsl .match-result-widget .match-map-results-grid .match-map-result-name.active {
  background-color: var(--button-primary-background-color);
  color: var(--button-primary-text-color);
}
.news-dsl .match-result-widget .match-map-results-grid .match-map-result-score {
  color: var(--font-faded-color);
  font-weight: var(--font-weight-bolder);
}
.news-dsl .match-result-widget .match-map-results-grid .winner {
  color: var(--font-color);
}
.news-dsl .match-result-widget .match-map-leaders {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  margin: var(--large-spacing) 0;
  gap: var(--large-spacing);
}
.news-dsl .match-result-widget .match-map-leaders .match-map-leader-top {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  justify-content: center;
  column-gap: var(--medium-spacing);
  padding-top: var(--medium-spacing);
}
.news-dsl .match-result-widget .match-map-leaders .match-map-leader {
  display: flex;
  flex-direction: column;
  background: var(--box-background-alternate-color);
  border-radius: var(--box-border-radius);
  width: 100%;
}
.news-dsl .match-result-widget .match-map-leaders .match-map-leader .match-map-leader-team-logo-container {
  grid-row: 1/3;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.news-dsl .match-result-widget .match-map-leaders .match-map-leader .match-map-leader-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
.news-dsl .match-result-widget .match-map-leaders .match-map-leader .leader-stat-name {
  text-align: center;
  color: var(--font-faded-color);
  font-size: var(--small-font-size);
}
.news-dsl .match-result-widget .match-map-leaders .match-map-leader .leader-stat {
  grid-column: 2;
}
.news-dsl .match-result-widget .match-result-table {
  margin-bottom: var(--large-spacing);
}
.news-dsl .match-result-widget .match-result-table:last-child {
  margin-bottom: 0;
}
.news-dsl .match-result-widget .match-result-table .team-logo {
  height: 20px;
}
.news-dsl .match-result-widget .match-result-table .match-stat-rating {
  width: 60px;
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-result-table .match-stat-kd {
    width: 41px;
  }
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-result-table .match-stat-kd-ratio {
    width: 25px;
  }
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-result-table .match-stat-adr {
    width: 35px;
  }
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-result-table .match-stat-kast {
    width: 32px;
  }
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-result-table .match-stat-rating {
    width: 40px;
  }
}
.news-dsl .match-result-widget .match-result-table th {
  font-size: var(--small-font-size);
  padding: 0 var(--medium-spacing);
  border-bottom: 1px solid var(--box-border-color);
}
.news-dsl .match-result-widget .match-result-table td {
  padding: 0 var(--medium-spacing);
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-result-table td {
    font-size: var(--base-font-size);
  }
}
.news-dsl .match-result-widget .match-result-table .match-stat-kd, .news-dsl .match-result-widget .match-result-table .match-stat-kd-ratio, .news-dsl .match-result-widget .match-result-table .match-stat-adr, .news-dsl .match-result-widget .match-result-table .match-stat-kast {
  color: var(--font-faded-color);
}
.news-dsl .match-result-widget .match-result-table .match-stat-rating {
  color: var(--font-emphasize-color);
  font-weight: var(--font-weight-bolder);
}
.news-dsl .match-result-widget .match-result-table .match-stat-team-name {
  font-size: var(--base-font-size);
}
.news-dsl .match-result-widget .match-map-round-breakdown .round-breakdown-cell {
  padding: 3px;
}
@media (max-width: 700px) {
  .news-dsl .match-result-widget .match-map-round-breakdown .round-breakdown-cell {
    padding: 1px;
  }
}
.news-dsl .center-block {
  margin-left: auto;
  margin-right: auto;
}
.news-dsl .image-con {
  max-width: 560px;
  overflow: hidden;
}
.news-dsl .image-con .image {
  border-radius: var(--box-border-radius);
}
.news-dsl .image-con .imagetext {
  margin-top: var(--medium-spacing);
  font-size: var(--medium-font-size);
}
.news-dsl .broken-block {
  background-color: var(--error-background-color);
  color: var(--error-font-color);
  border-radius: var(--box-border-radius);
  padding: var(--large-spacing);
  margin-left: var(--xlarge-spacing);
  margin-right: var(--xlarge-spacing);
}
.news-dsl .broken-inline {
  background-color: var(--error-background-color);
  color: var(--error-font-color);
  border-radius: var(--box-border-radius);
  padding: var(--small-spacing);
}
.news-dsl .float-left {
  float: left;
  margin-right: var(--large-spacing);
  margin-left: calc(-1 * var(--medium-spacing));
}
.news-dsl .float-right {
  float: right;
  margin: var(--large-spacing) calc(-1 * var(--medium-spacing)) var(--large-spacing) var(--large-spacing);
}
.news-dsl .float-right.news-advertisement-square {
  margin-right: -60px;
}
.news-dsl .columns {
  display: flex;
  flex-direction: row;
  gap: var(--large-spacing);
}
@media (max-width: 700px) {
  .news-dsl .columns {
    display: block;
  }
}
.news-dsl .columns .column {
  flex: 0px 1 1;
}
.news-dsl .text-red {
  color: var(--color-red);
}
.news-dsl .text-yellow {
  color: var(--color-yellow);
}
.news-dsl .text-green {
  color: var(--color-green);
}

.header-image-caption {
  color: var(--font-faded-color);
  font-style: italic;
  font-size: var(--base-font-size);
}

.header-image-caption-container {
  position: relative;
  margin-left: var(--large-spacing);
  margin-right: var(--large-spacing);
}
.header-image-caption-container .header-image-caption {
  position: absolute;
  bottom: 0;
}

.button {
  padding: var(--medium-spacing) var(--large-spacing);
  text-align: center;
  cursor: pointer;
  font-weight: var(--font-weight-bolder);
  border-radius: var(--box-border-radius);
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border: 1px solid;
  line-height: 1;
}
.button.primary-button {
  color: var(--button-primary-text-color);
  background-color: var(--button-primary-background-color);
  border-color: var(--button-primary-background-color);
  min-height: 32px;
  box-sizing: border-box;
}
.button.primary-button:hover {
  background-color: var(--button-hover-primary-background-color);
  border-color: var(--button-hover-primary-background-color);
}
.button.secondary-button {
  color: var(--font-color);
  border: var(--border-width) solid var(--button-secondary-border-color);
  min-height: 32px;
}
.button.secondary-button:hover {
  background-color: var(--button-secondary-background-color);
}
.button.button-desktop-full-width {
  width: 100%;
}
@media (max-width: 700px) {
  .button.button-desktop-full-width {
    width: inherit;
  }
}
@media (max-width: 700px) {
  .button.button-smartphone-full-width {
    width: 100%;
  }
}

.karma.karmaLevel0 {
  color: #F3F3F3;
}

.karma.karmaLevel1 {
  color: #CEEBF1;
}

.karma.karmaLevel2 {
  color: #2D6CA2;
}

.karma.karmaLevel3 {
  color: #7EC2CE;
}

.karma.karmaLevel4 {
  color: #1EB3CE;
}

.karma.karmaLevel5 {
  color: #43B587;
}

.karma.karmaLevel6 {
  color: #9064C7;
}

.karma.karmaLevel7 {
  color: #D84C12;
}

.karma.karmaLevel8 {
  color: #D89E12;
}

.karma.karmaAdmin {
  color: var(--karma-admin);
}

.wide-frontpage, .frontpage {
  display: grid;
  grid-gap: var(--large-spacing);
}

.frontpage .videoWrapper {
  border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
}
@media (max-width: 700px) {
  .frontpage .frontpage-grid {
    grid-template-columns: inherit;
  }
}
@media (max-width: 930px) {
  .frontpage .frontpage-grid {
    grid-template-columns: 1fr;
  }
  .frontpage .frontpage-grid .frontpage-sidebar {
    display: none;
  }
}
.frontpage .news-item-image img {
  display: block;
  height: auto;
  width: 100%;
}
.frontpage .livestream-image-backup {
  max-width: 100%;
  max-height: 100%;
}
.frontpage .frontpage-main {
  display: grid;
  grid-gap: var(--large-spacing);
  align-content: start;
}
.frontpage .frontpage-sidebar {
  flex-direction: column;
  display: flex;
  grid-gap: var(--large-spacing);
  position: relative;
}
@media (max-width: 700px) {
  .frontpage .frontpage-sidebar {
    display: none;
  }
}

.news-item.featured-blue {
  background-color: var(--news-featured-blue-background-color);
}
.news-item.featured-blue .news-item-header {
  color: var(--news-featured-blue-font-color);
}
.news-item.featured-blue .news-item-footer .news-item-comments, .news-item.featured-blue .news-item-footer .news-item-time {
  border: var(--border-width) solid var(--news-featured-blue-border-color);
  color: var(--news-featured-blue-comment-color);
}
.news-item.featured-blue:hover {
  background: var(--news-featured-blue-box-background-hover-color);
}
.news-item.dk-power-league {
  background-color: var(--news-dk-power-league-background-color);
}
.news-item.dk-power-league .news-item-header {
  color: var(--news-dk-power-league-font-color);
}
.news-item.dk-power-league .news-item-footer .news-item-comments, .news-item.dk-power-league .news-item-footer .news-item-time {
  border: var(--border-width) solid var(--news-dk-power-league-border-color);
  color: var(--news-dk-power-league-comment-color);
}
.news-item.dk-power-league:hover {
  background: var(--news-dk-power-league-box-background-hover-color);
}
.news-item.featured-red {
  background-color: var(--news-featured-red-background-color);
}
.news-item.featured-red .news-item-header {
  color: var(--news-featured-red-font-color);
}
.news-item.featured-red .news-item-footer .news-item-comments, .news-item.featured-red .news-item-footer .news-item-time {
  border: var(--border-width) solid var(--news-featured-red-border-color);
  color: var(--news-featured-red-comment-color);
}
.news-item.featured-red:hover {
  background: var(--news-featured-red-box-background-hover-color);
}
.news-item.breaking {
  background-color: var(--news-breaking-background-color) !important;
}
.news-item.breaking .news-item-header {
  color: var(--news-breaking-font-color) !important;
}
.news-item.breaking .news-item-footer .news-item-comments, .news-item.breaking .news-item-footer .news-item-time {
  border: var(--border-width) solid var(--news-breaking-border-color) !important;
  color: var(--news-breaking-comment-color);
}
.news-item.standard-box {
  align-self: stretch;
  border: 0;
  box-shadow: var(--box-border-color) 0px 0px 0px 1px;
}
.news-item:hover {
  background: var(--box-background-hover-color);
}
.news-item .news-item-header {
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
  hyphens: auto;
}
.news-item .news-item-content {
  padding: var(--medium-spacing);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news-item .news-item-footer {
  flex: 0 0 26px;
  display: flex;
  align-self: flex-start;
  align-items: flex-end;
  padding: var(--small-spacing) 0 0 0;
  font-size: var(--xsmall-font-size);
}
@media (max-width: 700px) {
  .news-item .news-item-footer {
    flex: 0 0 16px;
    font-size: var(--small-font-size);
  }
}
.news-item .news-item-footer .news-item-comments, .news-item .news-item-footer .news-item-time {
  color: var(--font-faded-color);
  padding: var(--small-spacing) var(--small-spacing);
  border-radius: var(--box-border-radius);
  border: var(--border-width) solid var(--box-border-color);
  margin-left: var(--medium-spacing);
}
.news-item .news-item-footer .news-item-comments:first-child, .news-item .news-item-footer .news-item-time:first-child {
  margin-left: 0;
}
.news-item.news-article-no-image .news-item-header {
  font-size: 35px;
  line-height: 39px;
}
@media (max-width: 700px) {
  .news-item.news-article-no-image .news-item-header {
    line-height: inherit;
  }
}
.news-item.big-article.big-article-no-image .news-item-header {
  font-size: 72px;
}
@media (max-width: 700px) {
  .news-item.big-article.big-article-no-image .news-item-header {
    font-size: 38px;
    line-height: 40px;
  }
}
.news-item.big-article .news-item-image {
  overflow: hidden;
  position: relative;
  padding-top: 42%;
}
.news-item.big-article .new-item-image-offset {
  position: absolute;
  top: 0;
  bottom: 0;
}
.news-item.big-article .news-item-header {
  font-size: 48px;
}
@media (max-width: 700px) {
  .news-item.big-article .news-item-header {
    font-size: 20px;
    line-height: 26px;
  }
}
.news-item.wide-article {
  display: flex;
  flex-direction: row-reverse;
  padding: var(--medium-spacing);
  gap: var(--medium-spacing);
}
.news-item.wide-article .news-item-image {
  align-items: center;
  flex: 0 0 150px;
  height: 100px;
  width: 60px;
  object-fit: cover;
  overflow: hidden;
  border-radius: var(--box-border-radius);
  margin: auto;
}
@media (max-width: 700px) {
  .news-item.wide-article .news-item-image {
    height: 50px;
  }
}
.news-item.wide-article .news-item-image .new-item-image-offset {
  margin: inherit !important;
  border-radius: var(--box-border-radius);
  overflow: hidden;
}
@media (max-width: 700px) {
  .news-item.wide-article .news-item-image {
    flex: 0 0 75px;
    width: 75px;
  }
}
.news-item.wide-article .news-item-image img {
  object-fit: cover;
  width: 100%;
}
@media (max-width: 700px) {
  .news-item.wide-article .news-item-image img {
    height: 50px;
  }
}
.news-item.wide-article .news-item-header {
  font-size: 24px;
}
@media (max-width: 700px) {
  .news-item.wide-article .news-item-header {
    font-size: 20px;
    line-height: 26px;
  }
}
.news-item.wide-article .news-item-content {
  flex: 1 auto;
  padding: 0;
}

.side-by-side-2 .news-item-image {
  width: calc(100% + 1px);
}
.side-by-side-2 .news-item-image img {
  height: auto;
}

.side-by-side-news {
  width: 100%;
  display: grid;
  grid-gap: var(--large-spacing);
  grid-auto-rows: 1fr;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  position: relative;
}
.side-by-side-news .new-item-image-offset {
  position: absolute;
  top: 0;
  bottom: 0;
}
@media (max-width: 700px) {
  .side-by-side-news.max-two-smartphone a:nth-child(3) {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .side-by-side-news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .side-by-side-news a:nth-child(3) {
    grid-row: 2;
  }
  .side-by-side-news a:nth-child(4) {
    grid-row: 3;
  }
  .side-by-side-news a:nth-child(3), .side-by-side-news a:nth-child(4) {
    grid-column: 1/3;
    align-self: flex-start;
    display: flex;
    flex-direction: row-reverse;
    padding: var(--medium-spacing);
  }
  .side-by-side-news a:nth-child(3) .news-item-image, .side-by-side-news a:nth-child(4) .news-item-image {
    display: flex;
    object-fit: cover;
    align-items: center;
    flex: 0 0 75px;
    width: 75px;
    overflow: hidden;
    border-radius: var(--box-border-radius);
    margin: auto;
    padding-top: 0;
  }
  .side-by-side-news a:nth-child(3) .news-item-image .new-item-image-offset, .side-by-side-news a:nth-child(4) .news-item-image .new-item-image-offset {
    margin: inherit !important;
    position: relative;
    border-radius: var(--box-border-radius);
    overflow: hidden;
  }
  .side-by-side-news a:nth-child(3) .news-item-image img, .side-by-side-news a:nth-child(4) .news-item-image img {
    object-fit: cover;
    height: 50px;
  }
  .side-by-side-news a:nth-child(3) .news-item-header, .side-by-side-news a:nth-child(4) .news-item-header {
    font-size: 20px;
    line-height: 26px;
  }
  .side-by-side-news a:nth-child(3) .news-item-content, .side-by-side-news a:nth-child(4) .news-item-content {
    flex: 1 auto;
    padding: 0;
  }
}
.side-by-side-news .news-item-header {
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 700px) {
  .side-by-side-news .news-item-header {
    font-size: 20px;
    line-height: 26px;
  }
}
.side-by-side-news .news-item-image {
  overflow: hidden;
  position: relative;
  padding-top: 42%;
}
.side-by-side-news .news-item-image img {
  object-fit: contain;
  width: 100%;
  height: auto;
}

.wide-frontpage .news-item.wide-article .news-item-header {
  font-size: 34px;
}
@media (max-width: 700px) {
  .wide-frontpage .news-item.wide-article .news-item-header {
    font-size: 20px;
    line-height: 26px;
  }
}

.news-grid-latest-news {
  border: var(--border-width) solid var(--box-border-color);
  border-radius: var(--box-border-radius);
  background-color: var(--box-background-color);
  grid-column-end: span 1 !important;
  grid-row-end: span 3 !important;
  overflow: hidden;
}

.lineup-container .lineup-team-section {
  display: flex;
  gap: var(--medium-spacing);
  margin: 0;
  padding: var(--medium-spacing) 0;
  margin-bottom: var(--medium-spacing);
  border-bottom: var(--list-item-seperator-line);
}
.lineup-container .lineup-team-name-container {
  flex: 1 auto;
}
.lineup-container .lineup-team-name {
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
  color: var(--font-emphasize-color);
}
.lineup-container .lineup-team-logo-container {
  height: 42px;
  width: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.lineup-container .lineup-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .lineup-container .lineup-team-logo-container {
    height: 35px;
    width: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .lineup-container .lineup-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.lineup-container .lineup-quick-stats {
  margin-top: var(--large-spacing);
}
.lineup-container .quick-stat {
  text-align: center;
  background-color: var(--box-background-alternate-color);
  border-radius: var(--box-border-radius);
  padding: var(--large-spacing);
  line-height: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.lineup-container .quick-stat .quick-stat-data {
  color: var(--font-emphasize-color);
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
}
.lineup-container .quick-stat .quick-stat-data .quick-stat-percentage {
  font-size: var(--small-font-size);
  margin-left: var(--small-spacing);
}
.lineup-container .quick-stat .quick-stat-description {
  color: var(--font-faded-color);
  font-size: var(--small-font-size);
}

.standard-box {
  display: flex;
  flex-direction: column;
  background-color: var(--box-background-color);
  border: var(--border-width) solid var(--box-border-color);
  border-radius: var(--box-border-radius);
  overflow: hidden;
  align-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .standard-box {
    border-radius: 0;
  }
}
@media (max-width: 700px) {
  .standard-box.rounded-corners {
    border-radius: var(--box-border-radius);
  }
}
.standard-box .standard-box-header {
  font-size: var(--large-font-size) !important;
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  padding: var(--medium-spacing) !important;
  border-bottom: var(--border-width) solid var(--box-border-color);
  background: var(--box-background-color);
  margin: 0 !important;
  align-items: center;
  line-height: inherit !important;
  border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
}
.standard-box .standard-box-content {
  padding: var(--medium-spacing);
  color: var(--font-text-color);
  font-size: var(--medium-font-size);
  line-height: calc(var(--medium-font-size) * 1.7);
  overflow: hidden;
}
.standard-box .standard-box-content h1 {
  font-size: var(--title-font-size);
  line-height: calc(var(--title-font-size) * 1.5);
}
.standard-box .standard-box-content h2 {
  font-size: var(--subtitle-font-size);
  line-height: calc(var(--title-font-size) * 1.5);
}
.standard-box .standard-box-content p {
  margin-top: 0;
}
.standard-box .standard-box-content p:last-child {
  margin-bottom: 0;
}

.maps-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--large-spacing);
}
@media (max-width: 700px) {
  .maps-container {
    overflow-x: scroll;
    grid-template-columns: repeat(7, 100px);
  }
}
@media (max-width: 700px) {
  .maps-container {
    gap: var(--medium-spacing);
  }
}
.maps-container .map-container-team-logo-container {
  height: 15px;
  width: 15px;
  flex: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.maps-container .map-container-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
.maps-container .map-container-type-wrapper {
  display: flex;
  gap: var(--small-spacing);
  align-items: center;
}
.maps-container .map-container-map-name {
  font-weight: var(--font-weight-bolder);
}
.maps-container .map-container-score {
  display: flex;
  width: 100%;
}
.maps-container .logo-score {
  display: flex;
  align-items: center;
  gap: 4px;
}
.maps-container .map-container-logo-score-team-logo-container {
  height: 15px;
  width: 15px;
  flex: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.maps-container .map-container-logo-score-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
.maps-container .map-container-score-live {
  flex: 1 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: var(--small-font-size);
  display: flex;
}
.maps-container .map-won {
  font-weight: var(--font-weight-bolder);
}
.maps-container .map-lost {
  color: var(--font-faded-color);
}
.maps-container .map-lost .map-container-logo-score-team-logo-container {
  opacity: 0.5;
}
.maps-container .map-container-score-live-button {
  background-color: var(--font-live-background-color);
  color: var(--white-color);
  border-radius: var(--box-border-radius);
  padding: 0 var(--small-spacing);
}
.maps-container .map-container-type {
  font-size: var(--small-font-size);
}
.maps-container .map-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  overflow: hidden;
  box-sizing: border-box;
  padding: var(--small-spacing);
}
@media (max-width: 700px) {
  .maps-container .map-container {
    height: 55px;
  }
}
.maps-container .map-container.map-banned {
  background-color: var(--box-background-alternate-color);
  color: var(--font-faded-color);
  opacity: 0.5;
}

.match-stream .tippy-box[data-theme~=dust2-dropdown-theme] .match-stream-provider {
  height: 50px;
  width: 100%;
  padding: var(--medium-spacing);
  border-bottom: 1px solid var(--box-border-color);
}
.match-stream .tippy-box[data-theme~=dust2-dropdown-theme] .match-stream-provider:last-child {
  border-bottom: 0;
}
.match-stream .tippy-box[data-theme~=dust2-dropdown-theme] .match-stream-provider:hover {
  cursor: pointer;
  background-color: var(--box-background-alternate-color);
}
.match-stream .tippy-box[data-theme~=dust2-dropdown-theme] .active {
  background-color: var(--box-background-alternate-color);
}
.match-stream .smartphone-only select {
  width: 100%;
  margin-top: var(--large-spacing);
  border-radius: var(--box-border-radius);
  border: 0px;
  background: var(--box-background-alternate-color);
  height: 42px;
  outline: none;
  font-weight: var(--font-weight-bolder);
}
.match-stream .match-stream-selector {
  display: flex;
  width: 100%;
  text-align: left;
  margin-top: var(--medium-spacing);
  background: var(--box-background-alternate-color);
  border-radius: var(--box-border-radius);
  overflow: hidden;
  padding: var(--medium-spacing);
  border: 0;
}
.match-stream .match-stream-selector:hover {
  cursor: pointer;
  background: var(--box-background-alternate-color-hover);
}
.match-stream .match-stream-selector-left {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
.match-stream .match-stream-provider-flag {
  display: flex;
}
.match-stream .match-stream-provider {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
  border: none;
  color: var(--font-text-color);
  gap: 4px;
}
.match-stream .match-stream-viewers {
  color: var(--font-text-color);
}
.match-stream .match-stream-selector-right {
  flex: 0 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-container {
  background-color: var(--box-background-alternate-color);
  margin-bottom: var(--medium-spacing);
  border-radius: var(--box-border-radius);
  overflow: hidden;
  font-weight: var(--font-weight-bolder);
}
.faq-container[open] {
  outline: none;
}
.faq-container[open] .faq-question:after {
  content: "\f0d8";
}
.faq-container:last-child {
  margin-bottom: 0;
}
.faq-container:hover {
  cursor: pointer;
  background-color: var(--box-background-alternate-color-hover);
}
.faq-container .faq-answer {
  padding: var(--large-spacing);
  font-weight: var(--font-weight-bold);
  padding-top: 0;
}
.faq-container .faq-question {
  padding: var(--large-spacing);
  position: relative;
  outline: none;
}
.faq-container .faq-question::marker {
  display: none;
  content: "";
}
.faq-container .faq-question:after {
  font-family: "Font Awesome 5 Pro";
  display: block;
  position: absolute;
  content: "\f0d7";
  right: var(--large-spacing);
  top: 50%;
  transform: translateY(-50%);
}

.lineup-components.lineup-players {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: var(--medium-spacing);
}
.lineup-components .lineup-player {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lineup-components .lineup-player-nickname {
  font-weight: var(--font-weight-bolder);
  max-width: 100%;
}
.lineup-components .lineup-player-image {
  max-width: 100%;
  border-radius: var(--box-border-radius);
  height: auto;
}

.matches-list .match {
  display: flex;
  box-sizing: border-box;
  border-bottom: var(--list-item-seperator-line);
  align-items: center;
  color: var(--font-text-color);
}
.matches-list .match:last-child {
  border: 0;
}
.matches-list .match:hover {
  cursor: pointer;
  background-color: var(--box-background-hover-color);
}
.matches-list .match .regional-highlighted-flag {
  position: absolute;
  width: 280px;
  height: 100%;
  right: calc(var(--large-spacing) * 2);
  top: 0;
  opacity: 0.6;
  object-fit: none;
}
@media (max-width: 700px) {
  .matches-list .match .regional-highlighted-flag {
    object-fit: inherit;
    width: inherit;
  }
}
.matches-list .match.team-1-won .team-2 {
  color: var(--font-faded-color);
}
.matches-list .match.team-1-won .team-2 .match-team-logo-container {
  opacity: 0.5;
  filter: saturate(0);
}
.matches-list .match.team-1-won .team-1 {
  font-weight: var(--font-weight-bolder);
}
.matches-list .match.team-2-won .team-1 {
  color: var(--font-faded-color);
}
.matches-list .match.team-2-won .team-1 .match-team-logo-container {
  opacity: 0.5;
  filter: saturate(0);
}
.matches-list .match.team-2-won .team-2 {
  font-weight: var(--font-weight-bolder);
}
.matches-list .match a {
  color: var(--font-text-color);
}
.matches-list .regional-match-highlight {
  background: var(--match-highligt-background);
}
.matches-list .regional-match-highlight:hover {
  background: var(--box-background-hover-color);
}
.matches-list .match-teams {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
.matches-list .match-teams-container {
  flex: 1 auto;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: center;
}
.matches-list .match-time-info {
  flex: 0 0 66px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 700px) {
  .matches-list .match-time-info {
    flex: 0 0 56px;
  }
}
.matches-list .match-time {
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
}
.matches-list .match-date {
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  font-size: var(--small-font-size);
}
.matches-list .match-team {
  display: flex;
  padding: var(--small-spacing) 0;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  .matches-list .match-team {
    font-size: var(--base-font-size);
  }
}
.matches-list .match-event {
  padding: 0px var(--large-spacing);
  border-left: var(--border-width) solid var(--box-border-color);
  border-right: var(--border-width) solid var(--box-border-color);
}
.matches-list .match-odds {
  padding: 0px var(--large-spacing);
  flex: 0 0 50px;
  text-align: center;
}
.matches-list .match-results {
  padding: 0px var(--large-spacing);
  min-width: 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.matches-list .match-placeholder {
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  color: var(--font-faded-color);
}
@media (max-width: 700px) {
  .matches-list .match-placeholder {
    font-size: var(--base-font-size);
  }
}
.matches-list .match-rating {
  font-size: 7px;
  padding: 0px var(--large-spacing);
}
@media (max-width: 700px) {
  .matches-list .match-rating {
    font-size: 5px;
  }
}
.matches-list .match-rating .fa {
  margin-right: 2px;
  color: var(--font-star-color);
}
.matches-list .match-rating .fa:last-child {
  margin: 0;
}
.matches-list .match-odd {
  font-weight: var(--font-weight-bolder);
}
.matches-list .match-team-logo-container {
  height: 16px;
  width: 16px;
  flex: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: var(--medium-spacing);
}
.matches-list .match-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
.matches-list .match-event-logo-container {
  background-color: var(--box-background-alternate-color);
  padding: 8px;
  border-radius: var(--box-border-radius);
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.matches-list .match-event-logo-container .event-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
@media (max-width: 700px) {
  .matches-list .match-event-logo-container {
    padding: 4px;
    height: 15px;
    width: 15px;
    flex: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .matches-list .match-event-logo-container .event-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
  }
}
.matches-list .matches-group-container {
  margin-top: var(--large-spacing);
}
.matches-list .matches-group-container:first-child {
  margin-top: 0;
}
.matches-list .matches-group-header {
  font-weight: var(--font-weight-bolder);
  font-size: var(--xlarge-font-size);
  margin-bottom: var(--medium-spacing);
  display: block;
}

.matches-filter-container .match-filter-line {
  display: flex;
  padding: var(--large-spacing) 0;
  align-items: center;
  border-bottom: var(--border-width) solid var(--box-border-color);
  color: var(--font-faded-color);
}
.matches-filter-container .match-filter-line.active {
  color: var(--font-emphasize-color);
  font-weight: var(--font-weight-bolder);
}
.matches-filter-container .match-filter-line.active .all-matches {
  background: var(--font-emphasize-color);
}
.matches-filter-container .match-filter-line:first-child {
  margin-top: calc(var(--medium-spacing) * -1);
}
.matches-filter-container .match-filter-line:last-child {
  border-bottom: 0;
  margin-bottom: calc(var(--medium-spacing) * -1);
}
.matches-filter-container .match-filter-line:hover {
  cursor: pointer;
  color: var(--font-emphasize-color);
  background-color: var(--box-background-hover-color);
}
.matches-filter-container .match-filter-icon-container {
  margin-right: var(--medium-spacing);
  height: 25px;
  min-width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.matches-filter-container .all-matches {
  content: "";
  -webkit-mask-image: url(/dust2/img/static/csgo_icon.svg);
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--font-faded-color);
}
.matches-filter-container .region-matches {
  height: 14px;
  width: inherit;
  border-radius: 4px;
  overflow: hidden;
}

.large-featured-match {
  height: 285px;
  color: var(--font-color);
  display: flex;
  gap: var(--large-spacing);
  flex-direction: row;
  position: relative;
  align-items: center;
  padding: var(--large-spacing);
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .large-featured-match {
    justify-content: center;
    height: 145px;
  }
}
.large-featured-match.standard-box {
  border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
  border: none;
}
@media (max-width: 700px) {
  .large-featured-match.standard-box {
    border-radius: 0;
  }
}
.large-featured-match.standard-box .standard-box-header {
  font-size: var(--medium-font-size);
}
.large-featured-match .large-featured-match-small-text {
  color: var(--font-faded-color);
  font-size: var(--large-font-size);
  text-transform: uppercase;
}
.large-featured-match .large-featured-match-team {
  font-weight: var(--font-weight-bolder);
  font-size: 48px;
}
.large-featured-match .large-featured-match-background-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.large-featured-match .large-featured-match-background-container:after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, rgba(68, 68, 68, 0) 0%, #202225 130%);
}
.large-featured-match .large-featured-match-background-container .large-featured-match-background {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.25;
}
.large-featured-match .large-featured-match-left {
  position: relative;
  flex: 1 auto;
}
@media (max-width: 700px) {
  .large-featured-match .large-featured-match-left {
    display: none;
  }
}
.large-featured-match .large-featured-match-right {
  position: relative;
  flex: 0 0 300px;
  box-shadow: var(--glow);
  border-radius: var(--box-border-radius);
}
.large-featured-match .large-featured-match-information {
  display: flex;
  gap: var(--medium-spacing);
  align-items: center;
}
.large-featured-match .large-featured-match-rating {
  display: flex;
}
.large-featured-match .large-featured-match-rating .fa {
  margin-right: 3px;
  font-size: 9px;
  color: var(--font-star-yellow-color);
}

.highlighted-match-container .standard-box-content {
  display: flex;
}
.highlighted-match-container .standard-box-header {
  display: flex;
  justify-content: space-between;
}
.highlighted-match-container .standard-box-header .highlighted-match-event {
  margin-left: var(--large-spacing);
  font-weight: var(--font-weight-bold);
  font-size: var(--base-font-size);
}
.highlighted-match-container .highlighted-match-team {
  flex: 0 1 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 124px;
}
@media (max-width: 700px) {
  .highlighted-match-container .highlighted-match-team {
    min-height: inherit;
  }
}
.highlighted-match-container .highlighted-match-middle {
  flex: 0 0 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
  flex-direction: column;
}
.highlighted-match-container .highlighted-match-time {
  font-size: 22px;
  font-weight: 700;
  position: relative;
  bottom: 18px;
}
.highlighted-match-container .highlighted-match-teamname {
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
  font-size: var(--large-font-size);
  max-width: 100%;
  margin: var(--medium-spacing) 0;
}
@media (max-width: 700px) {
  .highlighted-match-container .highlighted-match-teamname {
    font-size: var(--medium-font-size);
  }
}
.highlighted-match-container .highlighted-match-team-logo {
  height: 50px;
  width: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.highlighted-match-container .highlighted-match-team-logo .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .highlighted-match-container .highlighted-match-team-logo {
    height: 30px;
    width: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .highlighted-match-container .highlighted-match-team-logo .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.highlighted-match-container .secondary-button {
  padding: var(--medium-spacing) var(--large-spacing);
}
@media (max-width: 700px) {
  .highlighted-match-container .secondary-button {
    height: 32px;
  }
}
.highlighted-match-container .highlighted-match-watch-button {
  position: absolute;
  bottom: 10px;
  font-size: var(--base-font-size);
}
@media (max-width: 700px) {
  .highlighted-match-container .highlighted-match-watch-button {
    bottom: 5px;
  }
}

.discussion-reply-with-children {
  display: grid;
  grid-gap: 0;
}
.discussion-reply-with-children:first-child {
  margin-top: 0;
}
.discussion-reply-with-children .discussion-reply-descendants-count {
  display: none;
}

.discussion-reply-with-children.hide-self-and-children .discussion-reply-descendants-count {
  display: block;
}
.discussion-reply-with-children.hide-self-and-children .discussion-reply-bottom, .discussion-reply-with-children.hide-self-and-children .discussion-reply-children, .discussion-reply-with-children.hide-self-and-children .discussion-new-reply-toggle, .discussion-reply-with-children.hide-self-and-children .discussion-edit-reply-toggle {
  display: none;
}
.discussion-reply-with-children.hide-self-and-children .discussion-reply-number {
  flex: inherit;
}
.discussion-reply-with-children.hide-self-and-children .discussion-reply-descendants-count {
  font-weight: var(--font-weight-bold);
  color: var(--font-faded-color);
  font-size: var(--small-font-size);
}

.discussion-sidebar .placement300x250, .discussion-sidebar .placement600x250, .discussion-sidebar .placement300x600 {
  position: sticky;
  top: var(--topbar-offset);
}

.discussion-container {
  overflow: hidden;
  display: grid;
  gap: var(--medium-spacing);
}
.discussion-container .discussion-reply-highlight {
  border: 1px solid var(--button-primary-background-color);
}
.discussion-container:not(.discussion-topic) .discussion-reply-top:hover {
  cursor: pointer;
  background-color: var(--box-background-hover-color);
}
.discussion-container .mid-comment-content div {
  margin: var(--medium-spacing) auto 0;
}
.discussion-container .discussion-reply.disabled {
  opacity: 0.5;
}
.discussion-container .discussion-new-reply-toggle, .discussion-container .discussion-edit-reply-toggle, .discussion-container .discussion-reply-disable {
  padding: var(--small-spacing) var(--small-spacing);
  margin-left: var(--medium-spacing);
  min-height: inherit;
}
.discussion-container .discussion-reply-descendants-count {
  margin-left: var(--medium-spacing);
}
.discussion-container .badge-icon {
  height: 14px;
  vertical-align: -1px;
  margin-left: 4px;
  cursor: default;
  width: auto;
}
@media (max-width: 700px) {
  .discussion-container .badge-icon {
    height: 10px;
    margin-left: 2px;
  }
}
.discussion-container .discussion-reply-bottom {
  overflow-x: auto;
  border-top: var(--border-width) solid var(--box-border-color);
}
.discussion-container .discussion-reply-bottom.reply-box {
  width: 100%;
}
.discussion-container .discussion-reply-top {
  display: flex;
  height: 40px;
  box-sizing: border-box;
  border-bottom: none;
}
.discussion-container .discussion-reply-top.standard-box-header {
  font-size: var(--base-font-size) !important;
}
.discussion-container .discussion-reply-disable {
  min-height: 32px;
}
.discussion-container .reply-moderation {
  display: flex;
  padding: var(--medium-spacing);
  justify-content: center;
}
@media (max-width: 700px) {
  .discussion-container .discussion-reply-children .standard-box {
    border-radius: var(--box-border-radius);
  }
}
.discussion-container .karma {
  font-size: var(--small-font-size);
  position: relative;
  margin-left: 3px;
}
.discussion-container .discussion-topic-container {
  margin-bottom: var(--medium-spacing);
}
.discussion-container .discussion-topic-container .thread-topic-top {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  height: inherit;
}
.discussion-container .discussion-topic-container .discussion-topic-headline {
  color: var(--font-emphasize-color);
  font-size: var(--xlarge-font-size);
}
.discussion-container .discussion-top-right {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
@media (max-width: 700px) {
  .discussion-container .discussion-top-right {
    flex-wrap: wrap;
    flex: 1 auto;
  }
}
.discussion-container .discussion-time-stamp {
  font-weight: var(--font-weight-bold);
  color: var(--font-faded-color);
  font-size: var(--xsmall-font-size);
  flex: 1 auto;
  display: flex;
  justify-content: flex-end;
  height: 0;
  line-height: 0px;
  align-items: center;
}
@media (max-width: 700px) {
  .discussion-container .discussion-time-stamp {
    font-size: var(--small-font-size);
  }
}
.discussion-container .discussion-time-stamp .fa-pen {
  margin-left: var(--medium-spacing);
}
.discussion-container .discussion-reply-author {
  margin-left: var(--medium-spacing);
  padding-left: var(--medium-spacing);
  border-left: var(--box-border);
}
@media (max-width: 700px) {
  .discussion-container .thread-topic-top {
    flex-wrap: wrap;
  }
}
.discussion-container .thread-topic-top .discussion-top-left {
  flex: 1 auto;
}
@media (max-width: 700px) {
  .discussion-container .thread-topic-top .discussion-top-left {
    flex: 0 0 100%;
  }
}
.discussion-container .discussion-moderator-dropdown {
  display: flex;
  grid-gap: var(--medium-spacing);
  padding: var(--medium-spacing);
  justify-content: space-between;
}
.discussion-container .discussion-moderator-dropdown .group-selector {
  height: 100%;
}
.discussion-container .cant-reply-error {
  color: var(--error-font-color);
  background-color: var(--error-background-color);
  margin-top: var(--medium-spacing);
}
.discussion-container .reply-not-logged-in {
  text-align: center;
}
.discussion-container .reply-not-logged-in .reply-not-logged-in-buttons {
  justify-content: center;
  display: flex;
  gap: var(--medium-spacing);
  margin-top: var(--medium-spacing);
  margin-bottom: var(--medium-spacing);
}
.discussion-container .thread-disabled-info {
  color: var(--error-font-color);
  background-color: var(--error-background-color);
  margin-bottom: var(--medium-spacing);
}
.discussion-container .lock-discussion-button {
  float: right;
}

.reply-box {
  max-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto auto;
}
.reply-box .reply-text {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  min-height: 100px;
  padding: var(--medium-spacing);
  line-height: calc(var(--medium-font-size) * 1.7);
  font-size: var(--medium-font-size);
  overflow-y: auto;
}
.reply-box .reply-error {
  grid-column: 1;
  grid-row: 2;
  box-sizing: border-box;
  height: 100%;
  padding: var(--small-spacing);
  color: var(--error-font-color);
  background-color: var(--error-background-color);
  border: 0;
  display: flex;
  justify-content: center;
}
.reply-box .reply-emojis {
  grid-column: 2;
  grid-row: 2;
}
.reply-box .reply-post {
  grid-column: 3;
  grid-row: 2;
}
.reply-box.show-emoji-selector .emoji-selector {
  display: block;
}

.threading {
  margin-left: var(--medium-spacing);
  margin-top: 0;
  padding-left: var(--medium-spacing);
  padding-top: var(--medium-spacing);
  border-left: 1px var(--comment-lines-color) solid;
  position: relative;
}
.threading::before {
  position: absolute;
  top: 0;
  left: -1px;
  height: calc(var(--medium-spacing) + 40px / 2);
  width: var(--medium-spacing);
  border-bottom: 1px var(--comment-lines-color) solid;
  content: " ";
}
.threading:last-child {
  border-left-color: transparent;
}
.threading:last-child::before {
  border-left: 1px var(--comment-lines-color) solid;
}

.reply-dsl {
  line-height: calc(var(--base-font-size) * 1.8);
}

.emoji-container {
  position: relative;
  display: inline;
}

.emoji-icon {
  margin: -4px 0;
  width: 22px;
  height: 22px;
  position: relative;
  top: -1px;
}
@media (max-width: 700px) {
  .emoji-icon {
    width: 18px;
    height: 18px;
  }
}

.live-matches-container {
  margin-bottom: var(--large-spacing);
}
.live-matches-container .match-list-live-score-container {
  font-size: var(--base-font-size);
}
.live-matches-container .match-list-live-score {
  font-size: var(--large-font-size);
}
.live-matches-container .trailing {
  color: var(--font-looser-red-color);
}
.live-matches-container .leading {
  color: var(--font-winner-green-color);
}
.live-matches-container .live-match {
  background-color: var(--box-background-alternate-color);
  height: 100%;
}
.live-matches-container .live-match:hover {
  cursor: pointer;
  background-color: var(--box-background-hover-color);
}
.live-matches-container .live-match .live-match-top {
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
  margin-bottom: var(--medium-spacing);
}
.live-matches-container .live-match .team-logo-container {
  height: 50px;
  width: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: auto;
}
.live-matches-container .live-match .team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .live-matches-container .live-match .team-logo-container {
    height: 30px;
    width: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .live-matches-container .live-match .team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.live-matches-container .live-match .team-logo-container .team-logo {
  max-height: 100%;
  width: auto;
}
.live-matches-container .live-match .live-match-team {
  text-align: center;
}
.live-matches-container .live-match .live-match-team-name {
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
}
.live-matches-container .live-match .live-match-team-score {
  font-weight: var(--font-weight-bolder);
}

table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  position: relative;
}
table tbody tr {
  height: 42px;
  border-bottom: var(--box-border);
}
@media (max-width: 700px) {
  table tbody tr {
    height: 32px;
  }
}
table tbody tr:last-child {
  border-bottom: 0;
}
table tbody tr:nth-child(even) {
  background: var(--table-alternate-row-color);
}
table tbody tr:hover {
  background-color: var(--box-background-hover-color);
}

.tabs-component .tabs {
  display: flex;
  gap: var(--medium-spacing);
}
.tabs-component .tabs-tab {
  height: 32px;
  border-radius: var(--box-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--small-spacing) var(--large-spacing);
  box-sizing: border-box;
  color: var(--font-faded-color);
  user-select: none;
}
.tabs-component .tabs-tab:hover {
  cursor: pointer;
  color: var(--font-text-color);
  background-color: var(--button-secondary-background-color);
}
.tabs-component .tabs-tab.active-tab {
  background-color: var(--button-primary-background-color);
  color: var(--button-primary-text-color);
}

.emoji-selector {
  display: none;
  grid-column: 1/4;
  position: relative;
}
.emoji-selector .standard-box-content {
  display: flex;
  gap: var(--medium-spacing);
  flex-wrap: nowrap;
  flex-direction: column;
}
.emoji-selector .emoji-category-header {
  border-bottom: var(--box-border);
}
.emoji-selector .emoji-category-emojis {
  display: flex;
  flex-wrap: wrap;
}
.emoji-selector .emoji-image-container {
  margin: 5px 5px;
  border: 0;
  border-radius: var(--box-border-radius);
}
.emoji-selector .emoji-image-container:hover {
  cursor: pointer;
  background-color: var(--box-background-alternate-color);
}
.emoji-selector .emoji-image {
  height: 25px;
}
.emoji-selector .emoji-overlay-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--box-background-color);
  opacity: 0.8;
}
.emoji-selector .emoji-overlay {
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.stat-good {
  color: var(--font-winner-green-color);
}

.stat-bad {
  color: var(--font-looser-red-color);
}

input, textarea {
  background-color: var(--input-background-color);
  color: var(--font-color);
  border: var(--border-width) solid var(--box-border-color);
  border-radius: var(--box-border-radius);
  min-height: 32px;
}

input {
  padding-left: var(--medium-spacing);
}

input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

textarea {
  padding: var(--medium-spacing);
}

::placeholder {
  color: var(--font-color);
}

.tippy-box[data-theme~=dust2-theme] {
  background-color: var(--std-tooltip-background);
  color: var(--std-tooltip-text);
}

.tippy-box[data-theme~=dust2-theme][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--std-tooltip-background);
}

.tippy-box[data-theme~=dust2-theme][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--std-tooltip-background);
}

.tippy-box[data-theme~=dust2-theme][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--std-tooltip-background);
}

.tippy-box[data-theme~=dust2-theme][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--std-tooltip-background);
}

.lightbox-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: var(--z-lightbox);
}

.lightbox-background {
  content: " ";
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--lightbox-background-color);
}

.lightbox-content {
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: var(--box-background-color);
  min-width: 320px;
  max-width: 90%;
  min-height: 300px;
  max-height: 95%;
  overflow-y: auto;
  padding: var(--xlarge-spacing);
  box-sizing: border-box;
  border-radius: var(--box-border-radius);
}
@media (max-width: 700px) {
  .lightbox-content {
    max-height: calc(100vh - 200px);
    overflow-x: auto;
    padding: 0;
  }
}

.lightbox-header {
  font-size: var(--xlarge-font-size);
  font-weight: var(--font-weight-bolder);
}
@media (max-width: 700px) {
  .lightbox-header {
    padding: var(--xlarge-spacing);
  }
}
.lightbox-header .fa-times {
  float: right;
  margin-top: 5px;
  color: var(--font-faded-color);
}
.lightbox-header .fa-times:hover {
  cursor: pointer;
  color: var(--font-emphasize-color);
}

.lightbox-prevent-scroll {
  overflow: hidden;
}

.display-none {
  display: none;
}

.show-lightbox .lightbox-container {
  display: block;
}

.am-pm-indicator {
  font-size: 0.625em;
}

.team-analysis-container .with-match-bonus {
  margin-bottom: -8px;
  padding-bottom: 8px;
}
.team-analysis-container .team-analysis-team-header {
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-weight-bolder);
}
.team-analysis-container .team-analysis-team {
  margin-right: var(--medium-spacing);
}
.team-analysis-container .team-analysis-team:last-child {
  margin-right: 0;
  margin-left: var(--medium-spacing);
}
.team-analysis-container .team-analysis-stat-container {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--medium-spacing);
  padding: var(--medium-spacing);
  border: var(--border-width) solid var(--box-border-color);
  border-radius: var(--box-border-radius);
}
.team-analysis-container .team-analysis-stat-container:last-child {
  margin-bottom: 0;
}
.team-analysis-container .team-analysis-stat-top {
  display: flex;
  font-size: var(--base-font-size);
}
.team-analysis-container .team-analysis-number {
  flex: 0 0 30px;
  color: var(--font-faded-color);
}
.team-analysis-container .team-analysis-number.favorite {
  color: var(--font-color);
  font-weight: var(--font-weight-bolder);
}
.team-analysis-container .team-analysis-number:last-child {
  text-align: right;
}
.team-analysis-container .team-analysis-stat {
  flex: 1 auto;
  text-align: center;
}
.team-analysis-container .team-analysis-stat-bottom {
  height: 8px;
  position: relative;
  width: 100%;
  margin-top: 2px;
  background-color: var(--box-background-alternate-color);
}
.team-analysis-container .team-analysis-stat-line {
  height: 8px;
  position: absolute;
}
.team-analysis-container .team-analysis-stat-team1 {
  background-color: var(--team-ct-color);
  right: 50%;
}
.team-analysis-container .team-analysis-stat-team2 {
  background-color: var(--team-t-color);
  left: 50%;
}

.match-analytics-resume-container .match-analytics-resume-sub-beader {
  color: var(--font-faded-color);
  font-style: italic;
  font-weight: var(--font-weight-bolder);
  margin-bottom: var(--small-spacing);
}
.match-analytics-resume-container .match-analytics-resume-row {
  display: flex;
  align-items: center;
  margin-bottom: var(--large-spacing);
}
.match-analytics-resume-container .match-analytics-resume-row:last-child {
  margin-bottom: 0;
}
.match-analytics-resume-container ul {
  margin-top: 0;
  border-bottom: var(--border-width) solid var(--box-border-color);
  margin-bottom: var(--large-spacing);
  padding: 0;
  padding-bottom: var(--large-spacing);
  list-style: none;
}
.match-analytics-resume-container ul:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.match-analytics-resume-container .in-favor-for li:before {
  background-color: var(--winner-color);
}
.match-analytics-resume-container .in-favor-against li:before {
  background-color: var(--looser-color);
}
.match-analytics-resume-container .missing-favor {
  margin-left: var(--large-spacing);
  font-size: var(--base-font-size);
}
.match-analytics-resume-container li {
  padding-left: 20px;
}
.match-analytics-resume-container li:before {
  content: "";
  -webkit-mask-image: url(/dust2/img/static/csgo_icon.svg);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -20px;
  margin-right: var(--medium-spacing);
  align-self: flex-start;
  position: relative;
  top: 2px;
}

.player-compare-tool-container .player-compare-top {
  display: flex;
}
.player-compare-tool-container .player-compare-top-right, .player-compare-tool-container .player-compare-top-left {
  flex: 0 0 40%;
  position: relative;
  height: 200px;
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-top-right, .player-compare-tool-container .player-compare-top-left {
    height: 140px;
  }
}
.player-compare-tool-container .player-compare-top-right .player-compare-top-players {
  right: 0;
}
.player-compare-tool-container .player-compare-top-center {
  flex: 0 0 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: var(--font-weight-bolder);
  color: var(--font-faded-color);
  user-select: none;
}
.player-compare-tool-container .player-compare-top-players {
  position: absolute;
  z-index: 2;
}
.player-compare-tool-container .player-compare-top-bodyshot-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  user-select: none;
  pointer-events: none;
}
.player-compare-tool-container .player-compare-top-bodyshot-container:after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  background: var(--gradient-to-box-background-color);
  bottom: 0;
  left: 0;
}
.player-compare-tool-container .player-compare-team-logo-container {
  position: absolute;
  opacity: 0.35;
  height: 140px;
  width: 140px;
  flex: 0 0 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.player-compare-tool-container .player-compare-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
.player-compare-tool-container .player-compare-top-bodyshot {
  max-height: 100%;
  width: auto;
  min-height: 200px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-top-bodyshot {
    min-height: inherit;
    max-height: 140px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
  }
}
.player-compare-tool-container .player-compare-top-playername {
  color: var(--white-color);
  background-color: var(--button-primary-background-color);
  border-radius: var(--box-border-radius);
  padding: var(--medium-spacing);
  max-width: 100%;
}
.player-compare-tool-container .player-compare-top-playername-container {
  position: absolute;
  text-align: center;
  bottom: 0;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
.player-compare-tool-container .player-compare-player-box {
  height: 28px;
  width: 28px;
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid var(--box-background-color);
  box-sizing: border-box;
  margin-bottom: 4px;
  transition: 0.1s ease;
  user-select: none;
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-player-box {
    margin-bottom: 3px;
    height: 22px;
    width: 22px;
  }
}
.player-compare-tool-container .player-compare-player-box:last-child {
  margin-bottom: 0;
}
.player-compare-tool-container .player-compare-player-box:hover, .player-compare-tool-container .player-compare-player-box.active {
  position: relative;
  transform: translate(-2px, -1px);
  height: 32px;
  width: 32px;
  cursor: pointer;
  filter: brightness(90%) saturate(140%);
}
.player-compare-tool-container .player-compare-player {
  max-height: 100%;
  display: flex;
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-top-left .player-compare-top-bodyshot-container {
    left: 10px;
  }
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-top-left .player-compare-top-playername-container {
    left: calc(50% + 10px);
  }
}
.player-compare-tool-container .player-compare-top-right .player-compare-team-logo-container {
  right: 0;
}
.player-compare-tool-container .player-compare-top-right .player-compare-player-box:hover {
  margin-right: -4px;
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-top-right .player-compare-top-bodyshot-container {
    right: 10px;
  }
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-top-right .player-compare-top-playername-container {
    left: calc(50% - 10px);
  }
}
.player-compare-tool-container .player-compare-bottom {
  margin-top: var(--large-spacing);
  margin-left: var(--large-spacing);
  margin-right: var(--large-spacing);
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-bottom {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.player-compare-tool-container .player-compare-header {
  font-weight: var(--font-weight-bolder);
  text-align: center;
  font-size: var(--large-font-size);
}
.player-compare-tool-container .player-compare-sub-header {
  text-align: center;
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
}
.player-compare-tool-container .player-compare-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.player-compare-tool-container .player-compare-stat {
  text-align: center;
}
.player-compare-tool-container .player-compare-stat.highlighted {
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
}
@media (max-width: 700px) {
  .player-compare-tool-container .player-compare-stat.center-stat {
    font-size: var(--base-font-size);
    line-height: calc(var(--base-font-size) * 1.5);
  }
}

.map-stats-container .map-stats-row {
  display: flex;
  height: 62px;
  align-items: center;
  border-bottom: var(--border-width) solid var(--box-border-color);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
}
@media (max-width: 700px) {
  .map-stats-container .map-stats-row {
    height: 42px;
  }
}
.map-stats-container .map-stats-row:last-child {
  border-bottom: none;
  margin-bottom: calc(var(--medium-spacing) * -1);
}
.map-stats-container .team-row {
  background-color: var(--box-background-alternate-color);
  margin-top: calc(var(--medium-spacing) * -1);
  justify-content: space-between;
  padding-left: var(--large-spacing);
  padding-right: var(--large-spacing);
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
  font-size: var(--large-font-size);
}
@media (max-width: 700px) {
  .map-stats-container .team-row {
    font-size: var(--medium-font-size);
  }
}
.map-stats-container .map-stats {
  flex: 0 0 25%;
  text-align: center;
  position: relative;
}
.map-stats-container .map-stats.team1 .map-stats-veto {
  right: 0;
}
@media (max-width: 700px) {
  .map-stats-container .map-stats.team1 .map-stats-veto {
    right: -10px;
  }
}
.map-stats-container .map-stats.team2 .map-stats-veto {
  left: 0;
}
@media (max-width: 700px) {
  .map-stats-container .map-stats.team2 .map-stats-veto {
    left: -10px;
  }
}
.map-stats-container .map-stats-map {
  display: flex;
  position: relative;
  flex: 0 0 50%;
  padding-bottom: 5.105414%;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: var(--box-border-radius);
}
.map-stats-container .map-stats-percentage {
  font-size: var(--title-font-size);
  color: var(--font-faded-color);
}
.map-stats-container .map-stats-percentage.favorite {
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
}
@media (max-width: 700px) {
  .map-stats-container .map-stats-percentage {
    font-size: var(--large-font-size);
  }
}
.map-stats-container .map-stats-maps-played {
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
  margin-top: -5px;
}
.map-stats-container .map-stats-veto {
  position: absolute;
  transform: rotate(90deg);
  font-size: var(--xsmall-font-size);
  text-align: center;
  width: 62px;
  top: 14px;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .map-stats-container .map-stats-veto {
    width: 42px;
    top: 8px;
  }
}
.map-stats-container .map-stats-veto .banned {
  background-color: var(--looser-color);
  color: white;
  border-radius: var(--box-border-radius);
  width: 42px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-stats-container .map-stats-veto .picked {
  background-color: var(--winner-color);
  color: white;
  border-radius: var(--box-border-radius);
  width: 42px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-stats-container .map-stats-map-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.map-stats-container .stats-map {
  max-width: 100%;
  top: 0;
  position: absolute;
}
.map-stats-container .map-stats-mapname {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  color: white;
  font-weight: var(--font-weight-bolder);
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 700px) {
  .map-stats-container .map-stats-mapname {
    font-size: var(--base-font-size);
  }
}

.team-latest-performance-container .standard-box-content {
  display: grid;
  grid-template-columns: auto auto 1fr 60px;
  grid-auto-rows: 42px;
}
.team-latest-performance-container .team-latest-performance-empty-text {
  text-align: center;
  color: var(--font-faded-color);
}
.team-latest-performance-container .row-wrapper {
  display: contents;
}
.team-latest-performance-container .row-wrapper:nth-child(even) div {
  background: var(--table-alternate-row-color);
}
.team-latest-performance-container .row-wrapper:hover div {
  background: var(--box-background-hover-color);
}
.team-latest-performance-container a {
  color: inherit;
}
.team-latest-performance-container .team-result {
  font-weight: var(--font-weight-bolder);
  font-size: var(--base-font-size);
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--medium-spacing);
}
@media (max-width: 700px) {
  .team-latest-performance-container .team-result {
    padding: 0 var(--large-spacing);
  }
}
.team-latest-performance-container .team-result.tie {
  color: var(--font-faded-color);
}
.team-latest-performance-container .team-result.won {
  color: var(--winner-color);
}
.team-latest-performance-container .team-result.lost {
  color: var(--looser-color);
}
.team-latest-performance-container .team-vs {
  color: var(--font-faded-color);
  font-weight: var(--font-weight-bolder);
  font-size: var(--small-font-size);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: var(--medium-spacing);
}
@media (max-width: 700px) {
  .team-latest-performance-container .team-vs {
    padding-right: var(--large-spacing);
  }
}
.team-latest-performance-container .team-opponent {
  display: flex;
  align-items: center;
}
.team-latest-performance-container .team-opponent .opponent {
  max-width: 100%;
  display: flex;
}
.team-latest-performance-container .team-score {
  width: 60px;
  margin-right: var(--medium-spacing);
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.team-latest-performance-container .opponent-logo-container {
  margin-right: var(--medium-spacing);
  height: 25px;
  width: 25px;
  flex: 0 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.team-latest-performance-container .opponent-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}

.match-result-wrapper-tabs {
  display: grid;
  gap: var(--large-spacing);
}
.match-result-wrapper-tabs .not-active {
  display: none;
}
.match-result-wrapper-tabs .match-result-wrapper-tab:not(.not-active) {
  display: grid;
  gap: var(--large-spacing);
}

@media (max-width: 700px) {
  .match-result-table table {
    font-size: var(--base-font-size);
  }
}
.match-result-table thead .match-stat-player-team {
  display: flex;
  align-items: center;
}
.match-result-table thead .match-stat-team-logo-container {
  margin-right: 4px;
}
.match-result-table th, .match-result-table td {
  padding: 0 var(--large-spacing);
}
@media (max-width: 700px) {
  .match-result-table th, .match-result-table td {
    padding: 0 var(--medium-spacing);
  }
}
.match-result-table .match-stat-rating {
  width: 70px;
  text-align: center;
  padding-right: var(--medium-spacing);
  font-weight: var(--font-weight-bolder);
}
@media (max-width: 700px) {
  .match-result-table .match-stat-rating {
    width: 63px;
  }
}
.match-result-table .match-stat-kast {
  width: 40px;
  text-align: center;
}
@media (max-width: 700px) {
  .match-result-table .match-stat-kast {
    width: 35px;
  }
}
.match-result-table .match-stat-adr {
  width: 45px;
  text-align: center;
}
@media (max-width: 700px) {
  .match-result-table .match-stat-adr {
    width: 40px;
  }
}
.match-result-table .match-stat-kd-ratio {
  width: 40px;
  text-align: center;
}
@media (max-width: 700px) {
  .match-result-table .match-stat-kd-ratio {
    width: 30px;
  }
}
.match-result-table .match-stat-kd {
  width: 60px;
  text-align: center;
}
@media (max-width: 700px) {
  .match-result-table .match-stat-kd {
    width: 50px;
  }
}
.match-result-table .match-stat-player-team {
  text-align: left;
  padding-left: var(--medium-spacing);
  color: var(--font-emphasize-color);
}
.match-result-table .match-stat-team-logo-container {
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.match-result-table .match-stat-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
.match-result-table .match-stat-team-name {
  font-weight: var(--font-weight-bolder);
}
.match-result-table .flag {
  position: relative;
  top: -2px;
}

.round-breakdown-container .standard-box-content {
  display: flex;
  flex-direction: column;
}
.round-breakdown-container .round-breakdown-team-wrapper {
  display: grid;
  grid-template-columns: 30px 1fr 1fr;
  height: 30px;
}
@media (max-width: 700px) {
  .round-breakdown-container .round-breakdown-team-wrapper {
    grid-template-columns: 20px 1fr 1fr;
    height: 25px;
  }
}
.round-breakdown-container .round-breakdown-team-logo-container {
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.round-breakdown-container .round-breakdown-team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .round-breakdown-container .round-breakdown-team-logo-container {
    height: 15px;
    width: 15px;
    flex: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 0 2px;
    width: 100%;
  }
  .round-breakdown-container .round-breakdown-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.round-breakdown-container .round-breakdown-half {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
}
.round-breakdown-container .round-breakdown-team-logo-container {
  border-right: var(--box-border);
}
.round-breakdown-container .round-breakdown-team-wrapper {
  border-bottom: var(--box-border);
}
.round-breakdown-container .round-breakdown-team-wrapper:last-child {
  border-bottom: 0;
}
.round-breakdown-container .round-breakdown-cell {
  padding: 6px;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .round-breakdown-container .round-breakdown-cell {
    padding: 1px;
  }
}
.round-breakdown-container .round-breakdown-half {
  border-right: var(--box-border);
}
.round-breakdown-container .round-breakdown-half:last-child {
  border-right: 0;
}
.round-breakdown-container.mr12 .round-breakdown-half {
  grid-template-columns: repeat(12, 1fr);
}
.round-breakdown-container.mr12 .round-breakdown-team-wrapper {
  line-height: 20px;
}
.round-breakdown-container.mr12 .round-breakdown-icon {
  max-height: 17px;
}

.tippy-box {
  border-radius: var(--box-border-radius);
}
@media (max-width: 700px) {
  .tippy-box {
    border-radius: 0;
    max-width: inherit !important;
  }
}
.tippy-box .headline {
  padding: var(--medium-spacing) var(--medium-spacing);
  color: var(--font-faded-color);
  font-weight: var(--font-weight-bolder);
}
.tippy-box ul a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tippy-box ul a i {
  color: var(--font-faded-color);
}

@media (max-width: 700px) {
  [data-tippy-root] {
    width: 100vw;
    max-width: 100vw !important;
    left: -5px !important;
  }
}

.tippy-box[data-theme~=dust2-dropdown-theme] {
  background-color: var(--dropdown-background-color);
  color: var(--dropdown-text-color);
  min-width: 250px;
  top: -1px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
}
@media (max-width: 700px) {
  .tippy-box[data-theme~=dust2-dropdown-theme] {
    width: 100%;
  }
}
.tippy-box[data-theme~=dust2-dropdown-theme] .tippy-content {
  padding: 0;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .tippy-box[data-theme~=dust2-dropdown-theme] .tippy-content {
    width: 100vw;
  }
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul.community-dropdown {
  border-radius: var(--box-border-radius);
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul li {
  display: flex;
  border-bottom: var(--border-width) solid var(--box-border-color);
  font-weight: var(--font-weight-bolder);
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul li:not(.logout-container):hover {
  background-color: var(--box-background-hover-color);
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul li:last-child {
  border-bottom: 0;
}
@media (max-width: 700px) {
  .tippy-box[data-theme~=dust2-dropdown-theme] ul li {
    padding: var(--large-spacing) 0;
  }
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul li a {
  padding: var(--medium-spacing) var(--medium-spacing);
  color: var(--font-text-color);
  flex: 1 auto;
}
.tippy-box[data-theme~=dust2-dropdown-theme] ul li i {
  margin-right: 8px;
}
.tippy-box[data-theme~=dust2-dropdown-theme] .navbar-content-logout, .tippy-box[data-theme~=dust2-dropdown-theme] .primary-button {
  width: 100%;
}
.tippy-box[data-theme~=dust2-dropdown-theme] .navbar-content-logout {
  padding: var(--medium-spacing) var(--medium-spacing);
}

.tippy-box[data-theme~=dust2-dropdown-theme][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--dropdown-background-color);
}

.tippy-box[data-theme~=dust2-dropdown-theme][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--dropdown-background-color);
  top: -8px;
}

.tippy-box[data-theme~=dust2-dropdown-theme][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--dropdown-background-color);
}

.tippy-box[data-theme~=dust2-dropdown-theme][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--dropdown-background-color);
}

.tippy-box[data-theme~=tippy-search-dropdown] {
  width: 380px;
  padding: var(--medium-spacing);
  box-sizing: border-box;
}
.tippy-box[data-theme~=tippy-search-dropdown] .tippy-content form {
  gap: var(--medium-spacing);
}
@media (max-width: 700px) {
  .tippy-box[data-theme~=tippy-search-dropdown] .tippy-content {
    width: 100%;
  }
}

@media (max-width: 700px) {
  [data-custom-theme~=gtSmartphone-only] {
    display: none;
  }
}

.placement-centered {
  display: flex;
  justify-content: center;
}

.matchesTallWidget {
  --mainWidgetColor: #364250;
  --secondaryWidgetColor:#2d3844;
  --widgetButtonColor: var(--box-background-color);
  --widgetButtonTextColor: white;
  --widgetTeamAndDateColor: white;
  --borderRadius: 4px;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: var(--box-shadow-color);
  background-color: var(--box-background-color);
  max-height: 250px;
  width: 300px;
  overflow: hidden;
  background-color: var(--mainWidgetColor);
  margin-bottom: 8px;
  box-sizing: border-box;
}
.matchesTallWidget a.matchesTallWidgetReset {
  font-size: 14px !important;
  text-decoration: none !important;
  line-height: initial;
  color: var(--widgetButtonTextColor) !important;
  display: block;
}
.matchesTallWidget a.matchesTallWidgetReset.matchesTallWidgetFooterCTA {
  font-size: 20px !important;
  display: flex;
}
.matchesTallWidget a.matchesTallWidgetReset.matchesTallWidgetBContainer {
  color: var(--widgetTeamAndDateColor) !important;
}
.matchesTallWidget .matchesTallWidgetHeader {
  height: 75px;
  padding: 16px;
  box-sizing: border-box;
  text-align: center;
}
.matchesTallWidget .round-flag {
  max-height: 100%;
  height: 100%;
  position: relative;
  width: inherit;
}
.matchesTallWidget .round-flag-container {
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  justify-content: center;
  display: flex;
}
.matchesTallWidget .round-flag-container:after {
  background: black;
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: 1;
  border-radius: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 103.78%);
  opacity: 0.5;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15), 0 0 12px rgba(0, 0, 0, 0.09);
}
.matchesTallWidget .matchesTallWidgetHeaderImg {
  max-height: 100%;
}
.matchesTallWidget .matchesTallWidgetBody {
  background-color: var(--secondaryWidgetColor);
  padding: 8px 8px 32px 8px;
}
.matchesTallWidget .matchesTallWidgetBContainer {
  box-shadow: var(--box-shadow-color);
  background-color: var(--box-background-color);
  display: flex;
  flex-direction: column;
  background-color: var(--mainWidgetColor);
  border-radius: var(--borderRadius);
  margin-bottom: 16px;
  cursor: pointer;
  line-height: initial;
}
.matchesTallWidget .matchesTallWidgetBContainer:hover {
  color: var(--widgetTeamAndDateColor) !important;
  filter: brightness(1.1);
}
.matchesTallWidget .matchesTallWidgetBContainerTeamname {
  padding: 0px 8px;
  font-weight: var(--font-weight-bolder);
  text-align: center;
}
.matchesTallWidget .matchesTallWidgetBContainerBody, .matchesTallWidget .matchesTallWidgetBContainerFooter {
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
}
.matchesTallWidget .matchesTallWidgetBContainerImg {
  max-height: 100%;
  max-width: 100%;
}
.matchesTallWidget .matchesTallWidgetBContainerImgContainer {
  display: flex;
  height: 28px;
  width: 28px;
  margin: 10px auto 4px;
  align-items: center;
  justify-content: center;
}
.matchesTallWidget .matchesTallWidgetBContainerFooterButton {
  background-color: var(--widgetButtonColor);
  width: 67px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 0 auto;
  border-radius: var(--borderRadius);
  position: relative;
  top: 8px;
  font-weight: var(--font-weight-bolder);
  color: var(--widgetButtonTextColor) !important;
}
.matchesTallWidget .matchesTallWidgetBContainerCenter {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.matchesTallWidget .matchesTallWidgetBContainerDate {
  margin-top: 16px;
  font-size: 10px;
  opacity: 0.65;
}
.matchesTallWidget .matchesTallWidgetBContainerTime {
  font-size: 14px;
  font-weight: var(--font-weight-bolder);
}
.matchesTallWidget .matchesTallWidgetFooterTerms {
  color: white;
  opacity: 0.65;
  text-align: center;
  font-size: 11px;
  position: relative;
  top: -14px;
}
.matchesTallWidget .matchesTallWidgetFooterCTA {
  box-shadow: var(--box-shadow-color);
  background-color: var(--box-background-color);
  color: var(--widgetButtonTextColor) !important;
  width: 244px;
  height: 42px;
  text-align: center;
  font-weight: var(--font-weight-bolder);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin: 0 auto;
  background-color: var(--widgetButtonColor);
  position: relative;
  border-radius: var(--borderRadius);
  top: -21px;
  cursor: pointer;
}
.matchesTallWidget .matchesTallWidgetFooterCTA:hover {
  color: var(--widgetButtonTextColor) !important;
  filter: brightness(1.1);
}
.matchesTallWidget .fbw-vp-container {
  --skew-deg: -13deg;
  --skew-deg-offset: calc(-1*var(--skew-deg));
  --container-border-radius: 10px;
  width: 100%;
  transform: skew(var(--skew-deg));
  display: flex;
  flex-direction: column;
  color: black;
  --team-line-height: 25px;
}
.matchesTallWidget .fbw-vp-container .fbw-vp-header {
  width: 100%;
  height: var(--team-line-height);
  display: flex;
  flex-direction: row;
  background-color: rgb(0, 199, 177);
  border-top-left-radius: var(--container-border-radius);
  border-top-right-radius: var(--container-border-radius);
  box-sizing: border-box;
  padding-left: 10px;
  align-items: center;
  font-size: 0.9em;
  font-weight: var(--font-weight-bolder);
}
.matchesTallWidget .fbw-vp-container .fbw-vp-live-indicator {
  flex-grow: 1;
}
.matchesTallWidget .fbw-vp-container .fbw-vp-header-time {
  padding-right: 5px;
  transform: skew(var(--skew-deg-offset));
  color: #003c35;
}
.matchesTallWidget .fbw-vp-container .fbw-vp-body {
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  border-bottom-left-radius: var(--container-border-radius);
  border-bottom-right-radius: var(--container-border-radius);
  padding: 5px;
  box-sizing: border-box;
}
.matchesTallWidget .fbw-vp-container .fbw-vp-team-line {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  transform: skew(var(--skew-deg-offset));
  height: var(--team-line-height);
  align-items: center;
}
.matchesTallWidget .fbw-vp-container .fbw-vp-team-line-info {
  display: flex;
  flex-direction: row;
  font-weight: var(--font-weight-bolder);
  align-items: center;
}
.matchesTallWidget .fbw-vp-container .fbw-vp-team-line-flag.round-flag-container {
  margin-left: 5px;
  margin-right: 5px;
  height: calc(var(--team-line-height) * 0.8);
  width: calc(var(--team-line-height) * 0.8);
}
.matchesTallWidget .fbw-vp-container .fbw-vp-header-match-type {
  transform: skew(var(--skew-deg-offset));
}
.matchesTallWidget .fbw-vp-container .fbw-vp-team-line-odds {
  font-weight: var(--font-weight-bolder);
}

.frontpage .placement320x320, .frontpage .placement320x160, .frontpage .placement-container {
  margin: auto;
}

.second-col-sticky {
  flex: 1 auto;
}
.second-col-sticky .sticky {
  position: sticky;
  top: var(--topbar-offset);
}

.matches-page, .results-page {
  display: grid;
  grid-gap: var(--large-spacing);
}
.matches-page .navigation-sub-tabs, .results-page .navigation-sub-tabs {
  border-bottom: 0;
}
.matches-page .matches-page-custom-sidebar, .matches-page .results-page-custom-sidebar, .results-page .matches-page-custom-sidebar, .results-page .results-page-custom-sidebar {
  display: grid;
  grid-gap: var(--large-spacing);
  align-content: flex-start;
}
.matches-page .matches-page-custom-sidebar .sticky, .matches-page .results-page-custom-sidebar .sticky, .results-page .matches-page-custom-sidebar .sticky, .results-page .results-page-custom-sidebar .sticky {
  position: sticky;
  top: var(--topbar-offset);
}
.matches-page .matches-page-top, .matches-page .results-page-top, .results-page .matches-page-top, .results-page .results-page-top {
  border-radius: var(--box-border-radius);
  border: var(--border-width) solid var(--box-border-color);
  overflow: hidden;
}
@media (max-width: 700px) {
  .matches-page .matches-page-top, .matches-page .results-page-top, .results-page .matches-page-top, .results-page .results-page-top {
    margin-top: calc(var(--large-spacing) * -1 - 1px);
    border-radius: 0;
    border: 0;
  }
}
.matches-page .below-menu-banner div, .results-page .below-menu-banner div {
  height: 160px;
  margin: auto;
}

.navigation-sub-tabs {
  background-color: var(--box-background-color);
  height: var(--sub-navigation-height);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--large-font-size);
  border-bottom: var(--border-width) solid var(--box-border-color);
}
@media (max-width: 700px) {
  .navigation-sub-tabs {
    margin: 0;
  }
}
.navigation-sub-tabs .tab {
  padding: 0 var(--xxlarge-spacing);
  color: var(--font-faded-color);
  height: 100%;
  display: flex;
  align-items: center;
}
.navigation-sub-tabs .tab.active {
  font-weight: var(--font-weight-bolder);
  color: var(--font-color);
  position: relative;
}
.navigation-sub-tabs .tab.active:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 3px;
  padding: 0;
  background-color: var(--font-highlight-color);
}

.match-page .match-info .faq-wrapper {
  margin-top: var(--medium-spacing);
}
.match-page .navigation-sub-tabs {
  margin-bottom: var(--large-spacing);
}
.match-page .match-col {
  display: grid;
  grid-gap: var(--large-spacing);
}
.match-page .lineup-lineups-container {
  display: grid;
}
.match-page .lineup-lineups-container .team {
  display: flex;
  flex-direction: column;
  gap: var(--large-spacing);
  min-width: 0;
}
.match-page .active-tab {
  font-weight: var(--font-weight-bolder);
}

.match-page-top-wrapper .match-page-header {
  height: 285px;
  overflow: hidden;
  background-color: var(--matchpage-header-background);
  margin-bottom: 0;
  position: relative;
  padding: var(--xlarge-spacing);
  box-sizing: border-box;
  color: var(--white-color);
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header {
    height: 195px;
    margin: 0;
    margin-top: calc(-1 * var(--medium-spacing));
  }
}
.match-page-top-wrapper .match-page-header .match-page-header-background-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(68, 68, 68, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 0;
  user-select: none;
  pointer-events: none;
}
.match-page-top-wrapper .match-page-header .match-page-header-background-container .match-page-header-background {
  opacity: 0.1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
}
.match-page-top-wrapper .match-page-header .match-page-header-teams {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .match-page-header-teams {
    grid-template-columns: 1fr 0.7fr 1fr;
  }
}
.match-page-top-wrapper .match-page-header .team {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--medium-spacing);
}
.match-page-top-wrapper .match-page-header .team .team-name-container {
  font-size: var(--font-size-match-page-header);
  font-weight: var(--font-weight-bolder);
  max-width: 100%;
}
.match-page-top-wrapper .match-page-header .team .team-logo-container {
  height: 100px;
  width: 100px;
  flex: 0 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.match-page-top-wrapper .match-page-header .team .team-logo-container .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .team .team-logo-container {
    height: 35px;
    width: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .match-page-top-wrapper .match-page-header .team .team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.match-page-top-wrapper .match-page-header .team .team-logo-container .team-logo {
  max-height: 100%;
  width: auto;
}
.match-page-top-wrapper .match-page-header .match-page-header-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--font-faded-white-color);
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .match-page-header-information {
    font-size: var(--base-font-size);
  }
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .match-page-header-information .matchpage-header-event-name {
    position: absolute;
    max-width: 100%;
    top: 2px;
    text-align: center;
  }
}
.match-page-top-wrapper .match-page-header .match-page-header-information .matchpage-header-title {
  margin-top: calc(var(--large-spacing) * -1);
  font-size: var(--large-font-size);
  text-align: center;
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .match-page-header-information .matchpage-header-title {
    position: absolute;
    max-width: 100%;
    top: -8px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.match-page-top-wrapper .match-page-header .match-page-header-information .match-page-header-time-container {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  justify-content: center;
  align-items: center;
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .match-page-header-information .match-page-header-time-container {
    position: relative;
    top: 12px;
  }
}
.match-page-top-wrapper .match-page-header .match-page-header-information .match-page-header-time {
  font-size: var(--font-size-match-page-header);
  font-weight: var(--font-weight-bolder);
  color: var(--white-color);
  margin-top: -4px;
}
.match-page-top-wrapper .match-page-header .match-header-sub-button {
  height: 42px;
  background-color: var(--box-background-color);
  padding: 0 var(--large-spacing);
  display: flex;
  align-items: center;
  color: var(--font-emphasize-color);
  margin-top: var(--large-spacing);
  border-radius: var(--box-border-radius);
  box-shadow: 0px 0px 45px #27435C, 0px 1px 2px rgba(0, 0, 0, 0.55), 0px 4px 10px rgba(0, 0, 0, 0.25);
  border: none;
}
.match-page-top-wrapper .match-page-header .match-header-sub-button:hover {
  background: var(--box-background-hover-color);
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .match-header-sub-button {
    height: 32px;
  }
}
.match-page-top-wrapper .match-page-header .team-bookmaker-container {
  display: flex;
  justify-content: center;
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
}
.match-page-top-wrapper .match-page-header .team-bookmaker-container .team-bookmaker-sub-text {
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
  bottom: -19px;
  position: absolute;
  width: 100px;
  text-align: center;
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .team-bookmaker-container .team-bookmaker-sub-text {
    bottom: -4px;
  }
}
.match-page-top-wrapper .match-page-header .team-streak-container {
  display: flex;
  gap: 4px;
}
.match-page-top-wrapper .match-page-header .streak-icon {
  height: 8px;
  width: 8px;
  border-radius: 8px;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .match-page-top-wrapper .match-page-header .streak-icon {
    height: 5px;
    width: 5px;
  }
}
.match-page-top-wrapper .match-page-header .streak-icon.streak-won {
  background-color: var(--font-winner-green-color);
}
.match-page-top-wrapper .match-page-header .streak-icon.streak-lost {
  background-color: var(--font-looser-red-color);
}
.match-page-top-wrapper .match-page-header .streak-icon.streak-tie {
  border: var(--border-width) solid var(--font-faded-white-color);
}

.results-page .match-event {
  border-right: 0;
}

.user-profile-page .left-column, .user-profile-page .right-column {
  display: flex;
  flex-direction: column;
  gap: var(--large-spacing);
}
.user-profile-page .stats-box {
  width: 100%;
}
.user-profile-page .latest-posts-container .discussion-topic-container:hover {
  background-color: var(--box-background-hover-color);
}
.user-profile-page .latest-posts-container .discussion-topic-container:hover .standard-box-header {
  background-color: var(--box-background-hover-color);
}
.user-profile-page .user-profile-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 calc(var(--medium-spacing) * -1);
  border-bottom: var(--box-border);
  padding: var(--large-spacing) 0;
}
.user-profile-page .user-profile-stat:last-child {
  border-bottom: 0;
  margin-bottom: calc(var(--medium-spacing) * -1);
  padding-bottom: var(--large-spacing);
}
.user-profile-page .user-profile-stat:first-child {
  margin-top: calc(var(--medium-spacing) * -1);
  padding-top: var(--large-spacing);
}
.user-profile-page .user-profile-stat .user-profile-stat-data {
  font-weight: var(--font-weight-bolder);
  font-size: var(--xxlarge-font-size);
}
.user-profile-page .user-profile-stat .user-profile-stat-description {
  color: var(--font-faded-color);
}
.user-profile-page .badge-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 42px;
  gap: var(--medium-spacing);
}
@media (max-width: 700px) {
  .user-profile-page .badge-container {
    height: 32px;
  }
}
.user-profile-page .badge-container .badge-icon {
  height: 16px;
  margin-right: 3px;
}
.user-profile-page .badge-container .badge-icon:last-child {
  margin-right: 0;
}
.user-profile-page .send-message-button {
  float: right;
}
.user-profile-page .facts {
  columns: 2;
}
@media (max-width: 700px) {
  .user-profile-page .facts {
    columns: 1;
  }
}
.user-profile-page .facts .fact-line {
  display: inline-flex;
  justify-content: space-between;
  min-height: 42px;
  align-items: center;
  width: 100%;
}
@media (min-width: 701px) {
  .user-profile-page .facts .fact-line:nth-child(3n+2) {
    background: var(--table-alternate-row-color);
  }
}
@media (max-width: 700px) {
  .user-profile-page .facts .fact-line:nth-child(2n) {
    background: var(--table-alternate-row-color);
  }
}
.user-profile-page .facts .fact-description {
  padding-left: var(--small-spacing);
}
.user-profile-page .facts .fact-value {
  text-align: right;
  font-weight: bold;
  color: var(--font-emphasize-color);
  padding-right: var(--small-spacing);
  flex: 1 0 auto;
}
.user-profile-page .facts .fact-value:not(.badge-container) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-profile-page .standard-box.profile-box .standard-box-header {
  display: flex;
  justify-content: space-between;
}

.user-settings-page .settings-section {
  padding: var(--xxlarge-spacing) 0;
  border-top: 1px solid var(--box-border-color);
  display: grid;
  grid-template-columns: 150px auto;
  grid-template-rows: auto 1fr;
  gap: var(--large-spacing);
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 700px) {
  .user-settings-page .settings-section {
    grid-template-columns: 1fr;
  }
}
.user-settings-page .settings-section:first-child {
  border-top: 0;
}
.user-settings-page .settings-section-data {
  display: grid;
  grid-gap: var(--large-spacing);
}
.user-settings-page .settings-section-header {
  grid-column: 1;
  grid-row: 1;
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
}
.user-settings-page .settings-section-errors {
  grid-column: 2/3;
  grid-row: 2;
  color: var(--error-font-color);
  background-color: var(--error-background-color);
  border: 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 700px) {
  .user-settings-page .settings-section-errors {
    grid-column: inherit;
    grid-row: inherit;
  }
}
.user-settings-page .settings-error {
  list-style: none;
  padding-left: 0;
}
.user-settings-page .settings-boxes {
  display: grid;
  gap: var(--medium-spacing);
}
.user-settings-page .setting-form {
  display: flex;
  flex-direction: column;
  gap: var(--medium-spacing);
}
.user-settings-page .description-edit-box {
  min-height: 100px;
}
.user-settings-page label {
  font-size: var(--small-font-size);
  margin-bottom: calc(var(--medium-spacing) * -1);
}
.user-settings-page button {
  margin-left: auto;
}
@media (max-width: 700px) {
  .user-settings-page button {
    margin-left: inherit;
  }
}

.ranking-page {
  display: grid;
  grid-gap: var(--large-spacing);
}
@media (max-width: 700px) {
  .ranking-page .ranking-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.ranking-page .navigation-sub-tabs .tab {
  padding: 0;
  flex: 1 auto;
  justify-content: center;
}
.ranking-page .ranking-logo {
  max-width: 100%;
}
.ranking-page .ranking-link {
  display: block;
  border-radius: var(--box-border-radius);
  overflow: hidden;
  aspect-ratio: 930/132;
}
.ranking-page .ranking-link img {
  width: 100%;
}
.ranking-page .ranking-sidebar {
  display: grid;
  grid-gap: var(--large-spacing);
  align-content: flex-start;
}
.ranking-page .ranking-banner-container {
  border-radius: var(--box-border-radius);
  background-color: #2e2e2d;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ranking-page .ranking-banner-container .navigation-sub-tabs {
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  flex: 0 0 42px;
}
.ranking-page .ranking-banner-container .ranking-banner {
  max-width: 500px;
  height: 100px;
  display: flex;
  align-items: center;
  margin: var(--large-spacing) auto;
  padding: 0 var(--large-spacing);
  user-select: none;
}
@media (max-width: 700px) {
  .ranking-page .ranking-banner-container .ranking-banner {
    padding: var(--large-spacing);
    height: 40px;
  }
}
.ranking-page .ranking-banner-container .ranking-banner .ranking-banner-text {
  flex: 1 1 100%;
  color: white;
  font-weight: var(--font-weight-bolder);
  font-size: 36px;
  text-align: center;
}
@media (max-width: 700px) {
  .ranking-page .ranking-banner-container .ranking-banner .ranking-banner-text {
    font-size: var(--large-font-size);
  }
}
.ranking-page .rankings .ranking::-webkit-details-marker {
  display: none;
}
.ranking-page .rankings .ranking-container {
  margin-bottom: var(--medium-spacing);
  background: var(--box-background-color);
  border: var(--border-width) solid var(--box-border-color);
  border-radius: var(--box-border-radius);
  font-weight: var(--font-weight-bolder);
}
.ranking-page .rankings .ranking-container .top-15-lineup {
  padding: var(--medium-spacing);
}
.ranking-page .rankings .ranking-container .ranking {
  padding: var(--medium-spacing) var(--large-spacing);
  user-select: none;
  display: block;
}
@media (max-width: 700px) {
  .ranking-page .rankings .ranking-container .ranking {
    padding: var(--large-spacing) var(--large-spacing);
  }
}
.ranking-page .rankings .ranking-container .ranking:hover {
  background-color: var(--box-background-hover-color);
  cursor: pointer;
  border-radius: var(--box-border-radius) var(--box-border-radius) 0 0;
}
.ranking-page .rankings .ranking-container .ranking .ranking-wrapper {
  display: flex;
  align-items: center;
}
.ranking-page .rankings .ranking-container .ranking .ranking-number {
  flex: none;
  font-size: var(--large-font-size);
  margin-right: var(--medium-spacing);
}
.ranking-page .rankings .ranking-container .ranking .ranking-team {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  font-size: var(--large-font-size);
}
.ranking-page .rankings .ranking-container .ranking .ranking-team .ranking-team-logo {
  height: 30px;
  width: 30px;
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: var(--medium-spacing);
}
.ranking-page .rankings .ranking-container .ranking .ranking-team .ranking-team-logo .team-logo {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  width: auto;
  height: auto;
  align-self: center;
}
@media (max-width: 700px) {
  .ranking-page .rankings .ranking-container .ranking .ranking-team .ranking-team-logo {
    height: 23px;
    width: 23px;
    flex: 0 0 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .ranking-page .rankings .ranking-container .ranking .ranking-team .ranking-team-logo .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
    align-self: center;
  }
}
.ranking-page .rankings .ranking-container .ranking .ranking-team .ranking-team-info {
  flex: 1 1 auto;
  align-items: baseline;
  display: flex;
}
.ranking-page .rankings .ranking-container .ranking .ranking-team .ranking-team-info .ranking-team-points {
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
  font-weight: normal;
  padding: 0 var(--small-spacing);
}
.ranking-page .rankings .ranking-container .ranking .icon {
  margin-left: 4px;
  margin-right: -4px;
}
.ranking-page .rankings .ranking-container .ranking .ranking-change {
  flex: none;
  padding-left: var(--medium-spacing);
  text-align: end;
}
.ranking-page .rankings .ranking-container .ranking .ranking-change.rank-up {
  color: var(--winner-color);
}
.ranking-page .rankings .ranking-container .ranking .ranking-change.rank-down {
  color: var(--looser-color);
}
.ranking-page .rankings .ranking-container .ranking-lineup {
  padding: 0 var(--medium-spacing);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-evenly;
  font-size: var(--large-font-size);
  align-items: start;
}
@media (max-width: 700px) {
  .ranking-page .rankings .ranking-container .ranking-lineup {
    font-size: var(--base-font-size);
  }
}
.ranking-page .rankings .ranking-container .ranking-lineup .ranking-lineup-player {
  text-align: center;
  margin: var(--medium-spacing);
}
.ranking-page .rankings .ranking-container .ranking-lineup .ranking-lineup-player .ranking-lineup-player-picture {
  border-radius: var(--box-border-radius);
  overflow: hidden;
}
.ranking-page .rankings .ranking-container .ranking-lineup .ranking-lineup-player .ranking-lineup-player-picture img {
  width: 100%;
}

.ranking-page .filter-line-group:last-child, .ranking-filter-lightbox-content .filter-line-group:last-child {
  margin-bottom: calc(var(--medium-spacing) * -1);
}
.ranking-page .filter-line-group.expanded .filter-line-group-toggler, .ranking-filter-lightbox-content .filter-line-group.expanded .filter-line-group-toggler {
  background-color: var(--table-alternate-row-color);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding-left: var(--medium-spacing);
  padding-right: var(--medium-spacing);
}
.ranking-page .filter-line-group.expanded .filter-line-group-toggler:after, .ranking-filter-lightbox-content .filter-line-group.expanded .filter-line-group-toggler:after {
  right: var(--large-spacing);
}
.ranking-page .filter-line-group.expanded .filter-year:after, .ranking-filter-lightbox-content .filter-line-group.expanded .filter-year:after {
  transform: rotate(180deg);
}
.ranking-page .filter-line-group.expanded .filter-line, .ranking-filter-lightbox-content .filter-line-group.expanded .filter-line {
  display: flex;
  align-items: center;
}
.ranking-page .filter-line-group .filter-line, .ranking-filter-lightbox-content .filter-line-group .filter-line {
  display: none;
}
.ranking-page .filter-line-group .filter-line-group-toggler, .ranking-filter-lightbox-content .filter-line-group .filter-line-group-toggler {
  display: flex;
  align-items: center;
}
.ranking-page .filter-line-group, .ranking-filter-lightbox-content .filter-line-group {
  border-bottom: 1px solid var(--box-border-color);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding-left: var(--medium-spacing);
  padding-right: var(--medium-spacing);
}
.ranking-page .filter-line-group:last-child, .ranking-filter-lightbox-content .filter-line-group:last-child {
  border-bottom: 0;
}
.ranking-page .filter-line, .ranking-filter-lightbox-content .filter-line {
  height: 42px;
  display: block;
  flex: 1 auto;
}
.ranking-page .filter-line.filter-year:hover, .ranking-filter-lightbox-content .filter-line.filter-year:hover {
  background: var(--box-background-hover-color);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding-left: var(--medium-spacing);
  padding-right: var(--medium-spacing);
}
.ranking-page .filter-line.filter-year:hover:after, .ranking-filter-lightbox-content .filter-line.filter-year:hover:after {
  right: var(--large-spacing);
}
.ranking-page .filter-line.filter-date:hover, .ranking-filter-lightbox-content .filter-line.filter-date:hover {
  background: var(--box-background-hover-color);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding-left: var(--large-spacing);
  padding-right: var(--medium-spacing);
}
.ranking-page .filter-line.active, .ranking-filter-lightbox-content .filter-line.active {
  font-weight: bold;
}
.ranking-page .filter-line.disabled button, .ranking-filter-lightbox-content .filter-line.disabled button {
  color: var(--font-faded-color);
  border: 1px solid var(--box-border-color);
  background-color: inherit;
}
.ranking-page .filter-date, .ranking-filter-lightbox-content .filter-date {
  margin-left: var(--medium-spacing);
}
.ranking-page .ranking-filter .filter-forward-back, .ranking-filter-lightbox-content .ranking-filter .filter-forward-back {
  display: flex;
  gap: var(--medium-spacing);
  border-bottom: 1px solid var(--box-border-color);
  padding-bottom: var(--medium-spacing);
  margin-top: var(--medium-spacing);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding-left: var(--medium-spacing);
  padding-right: var(--medium-spacing);
}
.ranking-page .ranking-filter.smartphone-only, .ranking-filter-lightbox-content .ranking-filter.smartphone-only {
  border: 0;
}
.ranking-page .ranking-filter.smartphone-only .standard-box-header, .ranking-filter-lightbox-content .ranking-filter.smartphone-only .standard-box-header {
  display: none;
}
.ranking-page .filter-year, .ranking-filter-lightbox-content .filter-year {
  position: relative;
}
.ranking-page .filter-year:after, .ranking-filter-lightbox-content .filter-year:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0d7";
  display: block;
  position: absolute;
  right: var(--medium-spacing);
}
.ranking-page .filter-years a, .ranking-filter-lightbox-content .filter-years a {
  color: var(--font-faded-color);
}
.ranking-page .filter-years a.active, .ranking-filter-lightbox-content .filter-years a.active {
  color: var(--font-emphasize-color);
}

.error-page {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.error-page .image-container {
  margin-top: var(--small-spacing);
  width: 250px;
}
.error-page .image-container .image {
  max-width: 100%;
}

.internal-error-body {
  background-image: none;
  background-color: var(--body-background-color);
  color: var(--font-color);
}
.internal-error-body .internal-error-content {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.internal-error-body .image-container {
  width: 250px;
  margin-top: var(--small-spacing);
  margin-bottom: var(--large-spacing);
}
.internal-error-body .image-container .image {
  max-width: 100%;
}
.internal-error-body .site-logo {
  width: 250px;
  fill: var(--navbar-logo-color);
  margin-bottom: var(--large-spacing);
}
.internal-error-body .site-logo img {
  max-width: 100%;
}

.community-page-main {
  min-width: 0;
}

.community-page .post-new-thread-smartphone {
  height: 32px;
  margin: var(--large-spacing) 0;
}
.community-page .community-page-right-column {
  display: grid;
  grid-gap: var(--large-spacing);
  align-content: flex-start;
  margin-top: 19px;
}
.community-page .community-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.community-page .community-categories .community-category {
  flex-grow: 1;
}
.community-page .community-categories .community-category button {
  width: 100%;
}
.community-page .community-categories .community-category .active {
  color: var(--button-primary-text-color);
  background-color: var(--button-primary-background-color);
  border-color: var(--button-primary-background-color);
}
.community-page .community-discussion {
  margin-top: var(--small-spacing);
  display: flex;
  flex-direction: row;
  color: var(--font-text-color);
  padding: var(--medium-spacing);
  justify-content: space-between;
  gap: var(--medium-spacing);
}
.community-page .community-discussion:hover {
  background-color: var(--box-background-hover-color);
}
.community-page .community-discussion .discussion-category {
  padding: var(--small-spacing);
  font-size: var(--small-font-size);
  pointer-events: none;
}
.community-page .community-discussion .badge-icon {
  height: 14px;
  margin-left: var(--small-spacing);
}
.community-page .community-discussion .discussion-headline {
  font-size: var(--xlarge-font-size);
  font-weight: var(--font-weight-bolder);
}
@media (max-width: 700px) {
  .community-page .community-discussion .discussion-headline {
    font-size: var(--large-font-size);
  }
}
.community-page .community-discussion .discussion-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--small-spacing);
}
.community-page .community-discussion .discussion-data {
  font-weight: var(--font-weight-bolder);
}
.community-page .community-discussion .discussion-description {
  font-size: var(--small-font-size);
}
.community-page .community-discussion .discussion-left {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  gap: var(--medium-spacing);
}
.community-page .community-discussion .karma {
  margin-right: var(--small-spacing);
}
.community-page .community-discussion .discussion-right {
  display: flex;
  flex: 0 0 200px;
  gap: var(--medium-spacing);
  justify-content: space-around;
}
@media (max-width: 700px) {
  .community-page .community-discussion .discussion-right {
    flex: 0 0 140px;
  }
}
.community-page .community-discussion .discussion-left-bottom {
  display: flex;
  align-items: center;
  gap: var(--medium-spacing);
}

.community-new-thread-page .new-discussion-box {
  max-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto auto;
}
.community-new-thread-page .new-discussion-box .new-discussion-text {
  grid-column: 1/span 3;
  grid-row: 2/span 1;
  min-height: 200px;
  padding: var(--medium-spacing);
  line-height: calc(var(--medium-font-size) * 1.7);
  font-size: var(--medium-font-size);
  overflow-y: auto;
}
.community-new-thread-page .new-discussion-box .new-discussion-error {
  grid-column: 1;
  grid-row: 3;
  box-sizing: border-box;
  height: 100%;
  padding: var(--small-spacing);
  color: var(--error-font-color);
  background-color: var(--error-background-color);
  border: 0;
  display: flex;
  justify-content: center;
}
.community-new-thread-page .new-discussion-box .new-discussion-emojis {
  grid-column: 2;
  grid-row: 3;
}
.community-new-thread-page .new-discussion-box .new-discussion-post {
  grid-column: 3;
  grid-row: 3;
}
.community-new-thread-page .new-discussion-box .new-discussion-headline {
  grid-column: 1/span 2;
  grid-row: 1;
}
.community-new-thread-page .new-discussion-box .new-discussion-category {
  grid-column: 3;
  grid-row: 1;
}
.community-new-thread-page .new-discussion-box.show-emoji-selector .emoji-selector {
  display: block;
}

.login-page .login-failed {
  color: var(--error-font-color);
}

.login-component {
  max-width: 250px;
  margin: 0 auto;
}
.login-component .log-in-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--large-spacing);
  margin-top: var(--large-spacing);
}
.login-component .login-create-new-user {
  margin-top: var(--large-spacing);
  padding-top: var(--large-spacing);
  border-top: 1px solid var(--box-border-color);
  margin-bottom: var(--large-spacing);
}
.login-component .form-input-wrapper {
  width: 100%;
}
.login-component .form-input-wrapper .form-input {
  width: 100%;
  box-sizing: border-box;
}
.login-component .form-input-label {
  font-size: var(--small-font-size);
  color: var(--font-faded-color);
  font-weight: var(--font-weight-bolder);
}
.login-component .steam-wrapper {
  display: flex;
  justify-content: center;
  margin-top: var(--large-spacing);
}

.news-page {
  display: grid;
  grid-gap: var(--large-spacing);
}
.news-page .news-not-published-info {
  background-color: var(--error-background-color);
  color: var(--error-font-color);
}
.news-page .news-status .standard-box-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-item-page {
  background-color: var(--box-background-color);
  border: var(--border-width) solid var(--box-border-color);
  border-radius: var(--box-border-radius);
  overflow: hidden;
  font-size: var(--medium-font-size);
  padding-bottom: var(--large-spacing);
}
@media (max-width: 700px) {
  .news-item-page {
    border-radius: 0;
    margin-top: calc(-1 * var(--large-spacing));
    border: 0;
  }
}
.news-item-page .news-info-container {
  padding: 0 var(--large-spacing);
}
.news-item-page .news-info-container .headline {
  font-size: 56px;
  font-weight: var(--font-weight-bolder);
  margin: inherit;
}
@media (max-width: 700px) {
  .news-item-page .news-info-container .headline {
    font-size: var(--font-size-newspost-title-size);
    margin-bottom: var(--large-spacing);
  }
}
.news-item-page .news-info-container .header {
  font-size: 24px;
  font-weight: var(--font-weight-bolder);
  color: var(--font-text-color);
  margin: var(--large-spacing) 0 var(--medium-spacing) 0;
}
@media (max-width: 700px) {
  .news-item-page .news-info-container .header {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.news-item-page .main-header-image-caption {
  display: flex;
  justify-content: space-between;
  margin-left: var(--news-side-padding);
  margin-right: var(--news-side-padding);
  position: absolute;
  bottom: 0;
  padding-top: var(--large-spacing);
  align-items: start;
}
.news-item-page .main-header-image-caption a {
  text-decoration: underline;
}
.news-item-page .article-info {
  display: flex;
  margin-left: var(--news-side-padding);
  margin-right: var(--news-side-padding);
  margin-top: var(--large-spacing);
  align-items: center;
  flex: 0 0 auto;
}
.news-item-page .article-info .article-info-published-time {
  color: var(--font-faded-color);
  padding-right: var(--medium-spacing);
  text-align: right;
  border-right: var(--border-width) solid var(--box-border-color);
  margin-right: var(--medium-spacing);
}
.news-item-page .article-info .article-info-author {
  color: var(--font-faded-color);
}
.news-item-page .news-padding {
  padding-left: var(--news-side-padding);
  padding-right: var(--news-side-padding);
}
.news-item-page .news-item-content-container {
  color: var(--font-text-color);
}

.eb-news-article {
  background: white;
}
.eb-news-article .header {
  background: #029e5d;
  padding: 30px 20px;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.eb-news-article .article-time {
  font-size: 0.875rem;
  line-height: normal;
}
.eb-news-article .article-title {
  font-size: 3.5rem;
}
.eb-news-article .article-sub-title {
  font-size: 1.2rem;
}
.eb-news-article .header-image img {
  width: 100%;
}
.eb-news-article .header-image-text {
  text-align: center;
}
.eb-news-article .content {
  margin-top: 30px;
  background: white;
  padding: 0 30px;
  font-size: 1.125rem;
}
.eb-news-article .content .author .highlight {
  color: #029e5d;
  font-weight: 700;
}
.eb-news-article .broken-block {
  background-color: var(--error-background-color);
  color: var(--error-font-color);
  border-radius: var(--box-border-radius);
  padding: var(--large-spacing);
  margin-left: var(--xlarge-spacing);
  margin-right: var(--xlarge-spacing);
}
.eb-news-article .broken-inline {
  background-color: var(--error-background-color);
  color: var(--error-font-color);
  border-radius: var(--box-border-radius);
  padding: var(--small-spacing);
}

.highschool-page .table-sub-text, .boardingschool-page .table-sub-text {
  font-size: var(--base-font-size);
  font-style: italic;
}
@media (max-width: 700px) {
  .highschool-page .table-sub-text, .boardingschool-page .table-sub-text {
    font-size: var(--small-font-size);
  }
}
.highschool-page .table-1-container, .boardingschool-page .table-1-container {
  max-width: 800px;
  margin: 0 auto;
  background-color: var(--box-background-alternate-color);
  border-radius: var(--box-border-radius);
  padding: var(--medium-spacing) var(--large-spacing);
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .highschool-page .table-1-container, .boardingschool-page .table-1-container {
    font-size: var(--base-font-size);
  }
}
.highschool-page .table-1-container .highschool-homepage, .boardingschool-page .table-1-container .highschool-homepage {
  width: 132px;
}
@media (max-width: 700px) {
  .highschool-page .table-1-container .highschool-homepage, .boardingschool-page .table-1-container .highschool-homepage {
    width: 70px;
  }
}
.highschool-page .table-1-container table, .boardingschool-page .table-1-container table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.highschool-page .table-1-container thead tr, .boardingschool-page .table-1-container thead tr {
  height: 42px;
  font-weight: var(--font-weight-bolder);
}
.highschool-page .table-1-container tbody tr, .boardingschool-page .table-1-container tbody tr {
  height: 42px;
  border-bottom: var(--list-item-seperator-line);
}
.highschool-page .table-1-container tbody tr:last-child, .boardingschool-page .table-1-container tbody tr:last-child {
  border-bottom: 0;
}

.archive-page .archive-news-item {
  margin-bottom: var(--medium-spacing);
}
.archive-page .group-header {
  font-size: var(--xxlarge-font-size);
  font-weight: var(--font-weight-bolder);
}
.archive-page .next-btn-container {
  display: flex;
  justify-content: flex-end;
}
.archive-page .archive-container {
  margin-bottom: var(--medium-spacing);
}
.archive-page .archive-buttons-container button {
  min-height: 32px;
}

.signup-page input {
  margin-bottom: var(--medium-spacing);
}

.admin-page {
  display: grid;
  gap: var(--large-spacing);
}

.capability-page .capability-user-list {
  margin-bottom: 15px;
}

.admin-tool-group {
  gap: var(--medium-spacing);
  display: flex;
}

.news-editor .publish-settings-bottom-row {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--box-border-color);
  margin-top: var(--medium-spacing);
}
.news-editor .publish-settings-bottom-row div {
  display: flex;
  height: 32px;
  align-items: center;
  gap: var(--medium-spacing);
  padding-left: var(--medium-spacing);
  border-right: 1px solid var(--box-border-color);
  padding-right: var(--medium-spacing);
  background-color: var(--box-background-alternate-color);
}
.news-editor .publish-settings-bottom-row .twitter-container {
  flex-grow: 1;
  display: flex;
}
.news-editor .publish-settings-bottom-row .publish-settings-input-manualTweet-container {
  flex-grow: 1;
  display: flex;
}
.news-editor .publish-settings-bottom-row .publish-settings-input-manualTweet-container .publish-settings-input-manualTweet {
  min-height: 24px;
  flex: 1;
}
.news-editor .publish-settings {
  display: flex;
  flex-direction: column;
  background: var(--box-background-color);
  border-radius: var(--box-border-radius);
  margin-bottom: var(--small-spacing);
  border: 1px solid var(--box-border-color);
}
.news-editor .widget-catalog {
  display: flex;
  height: 42px;
  background: var(--box-background-color);
  align-items: center;
  border-radius: var(--box-border-radius);
  margin-bottom: var(--medium-spacing);
  border: 1px solid var(--box-border-color);
}
.news-editor .category {
  border-right: 1px solid var(--box-border-color);
  height: 100%;
  display: flex;
}
.news-editor .category:last-child {
  border-right: 0;
}
.news-editor .category .widget:hover {
  background: var(--box-background-highlight-color);
}
.news-editor .editor-container {
  display: grid;
  grid-template-columns: 1fr 929px;
  grid-gap: var(--large-spacing);
}
.news-editor .content-input {
  width: 100%;
  min-height: 500px;
  height: 700px;
  box-sizing: border-box;
  resize: both;
}
.news-editor .headline-input {
  width: 90%;
}
.news-editor .preview-area {
  min-height: 500px;
  height: 700px;
  resize: vertical;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}
.news-editor .preview-area .placement300x250 {
  background: rgba(0, 0, 0, 0.5);
}
.news-editor .problems-headline, .news-editor .problems-description {
  color: var(--error-font-color);
}
.news-editor .bottom-actions {
  display: flex;
  gap: var(--small-spacing);
  margin: var(--small-spacing);
}
.news-editor .widget {
  margin-left: var(--small-spacing);
  height: 100%;
  color: var(--font-text-color);
}

.admin-news-list .news-list, .admin-news-list .drafts-list {
  display: grid;
  align-items: center;
  gap: var(--small-spacing) var(--medium-spacing);
}
.admin-news-list .news-list .headline, .admin-news-list .drafts-list .headline {
  font-weight: var(--font-weight-bolder);
}
.admin-news-list .news-rows-container {
  display: grid;
  gap: var(--small-spacing) var(--medium-spacing);
}
.admin-news-list .news-list {
  grid-template-columns: auto auto auto 1fr auto auto;
}
.admin-news-list .drafts-list {
  grid-template-columns: auto 1fr auto auto;
}
.admin-news-list .drafts {
  margin-bottom: var(--medium-spacing);
}

.admin-frontpage-livestream-page .settings-list {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: var(--small-spacing);
  align-items: center;
}
.admin-frontpage-livestream-page .preview-area {
  background-color: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.admin-frontpage-livestream-page .preview-area .livestream-image-backup {
  max-width: 100%;
}

.admin-countdown-page .countdown-info {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: var(--small-spacing);
  align-items: center;
}
.admin-countdown-page .style-selector {
  width: 200px;
}

.admin-event-page .event-info, .admin-event-page .event-match-search, .admin-match-search-page .event-info, .admin-match-search-page .event-match-search {
  display: grid;
  grid-template-columns: 150px 1fr 1fr;
  gap: var(--small-spacing);
  align-items: center;
}
.admin-event-page .event-logos, .admin-match-search-page .event-logos {
  margin-bottom: 5px;
}
.admin-event-page .event-logos .grid, .admin-match-search-page .event-logos .grid {
  grid-template-columns: repeat(2, 1fr);
}
.admin-event-page .event-logos .grid input[type=radio], .admin-match-search-page .event-logos .grid input[type=radio] {
  vertical-align: middle;
  margin-top: -4px;
}
.admin-event-page .event-logos .grid input[type=file], .admin-match-search-page .event-logos .grid input[type=file] {
  background-color: inherit;
  border: none;
}
.admin-event-page .event-logos .grid label, .admin-match-search-page .event-logos .grid label {
  margin-left: 5px;
}
.admin-event-page .event-logos .grid .clearbutton, .admin-match-search-page .event-logos .grid .clearbutton {
  margin-left: 5px;
}
.admin-event-page .event-logos .grid .preview-background, .admin-match-search-page .event-logos .grid .preview-background {
  background-color: var(--body-background-color);
}
.admin-event-page .event-logos .grid .event-logo-preview, .admin-match-search-page .event-logos .grid .event-logo-preview {
  width: 200px;
}
.admin-event-page .event-logos .grid .event-logo-preview.invert, .admin-match-search-page .event-logos .grid .event-logo-preview.invert {
  filter: invert(1) saturate(0);
}
.admin-event-page .event-errors, .admin-match-search-page .event-errors {
  margin-bottom: 5px;
  color: var(--error-font-color);
}
.admin-event-page h2, .admin-match-search-page h2 {
  margin-top: 10px;
}
.admin-event-page .text-column, .admin-match-search-page .text-column {
  text-align: center;
}
.admin-event-page .remove-column, .admin-match-search-page .remove-column {
  text-align: right;
  padding-right: 5px;
  width: 25px;
}
.admin-event-page .remove-column i:hover, .admin-match-search-page .remove-column i:hover {
  cursor: pointer;
}
.admin-event-page .checkbox-column, .admin-match-search-page .checkbox-column {
  padding-left: 5px;
  width: 90px;
  text-align: left;
}
.admin-event-page .checkbox-column .match-picker-checkbox, .admin-match-search-page .checkbox-column .match-picker-checkbox {
  min-height: 0;
  margin-right: 5px;
}
.admin-event-page tr, .admin-match-search-page tr {
  height: 30px;
}

.event-group {
  padding: 5px;
}

.admin-event-list-page .admin-events-table td {
  padding-left: 5px;
}
.admin-event-list-page .admin-event-list-prevnext {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.event-group-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--small-spacing);
  padding-top: 15px;
}

.admin-errors {
  color: var(--error-font-color);
  background-color: var(--error-background-color);
}

.header-image-cropper .header-image {
  grid-column: 1/span 2;
  height: 210px;
  width: 500px;
  overflow: hidden;
  cursor: all-scroll;
  background-color: var(--box-background-alternate-color);
}
.header-image-cropper .header-image img {
  width: 100%;
}

.datetime-widget-creator {
  display: flex;
  flex-direction: column;
  gap: var(--small-spacing);
  padding: var(--medium-spacing);
}
.datetime-widget-creator .date-row {
  display: flex;
  gap: var(--small-spacing);
}

.eb-editor .fields {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: var(--small-spacing);
  align-items: center;
}
.eb-editor .eb-editor-container {
  display: grid;
  grid-template-columns: 1fr 920px;
  grid-gap: var(--large-spacing);
}
.eb-editor .eb-preview-area {
  min-height: 500px;
  height: 700px;
  resize: vertical;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}
.eb-editor .eb-content-input {
  width: 100%;
  min-height: 500px;
  height: 700px;
  box-sizing: border-box;
  resize: vertical;
}
.eb-editor .problems-headline, .eb-editor .problems-description {
  color: var(--error-font-color);
}

.eb-delete-tool .delete-eb-news-btn {
  background-color: var(--error-background-color);
}
.eb-delete-tool .delete-eb-news-btn:hover {
  background-color: var(--color-red);
}

.eb-news-list {
  min-height: 400px;
}
.eb-news-list .eb-news-row {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: var(--small-spacing) var(--medium-spacing);
}
.eb-news-list .eb-headline {
  font-weight: var(--font-weight-bolder);
}
.eb-news-list .create-new {
  display: block;
  margin: var(--xlarge-spacing) 0;
}
.eb-news-list .deleted-text {
  color: var(--error-font-color);
}

.admin-rankings-page .rankings-container {
  display: grid;
  grid-gap: var(--small-spacing);
}
.admin-rankings-page .ranking-row {
  display: grid;
  grid-template-columns: 200px 250px auto;
}
.admin-rankings-page .ranking-row.header {
  font-weight: var(--font-weight-bolder);
}
.admin-rankings-page .ranking-row .publish-col.published {
  color: var(--color-green);
}
.admin-rankings-page .ranking-row .publish-col.unpublished {
  color: var(--color-red);
}

.admin-ranking-edit-page .time-input {
  display: grid;
  grid-template-columns: 200px 1fr;
}
.admin-ranking-edit-page .rank-row {
  display: grid;
  grid-template-columns: 30px 115px 100px 160px 1fr;
  grid-gap: var(--medium-spacing);
  margin-bottom: var(--medium-spacing);
}
.admin-ranking-edit-page .rank-row.header {
  font-weight: var(--font-weight-bolder);
}
.admin-ranking-edit-page .rank-row .placement-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-ranking-edit-page .rank-row .team-name-col {
  display: flex;
  align-items: center;
}
.admin-ranking-edit-page .rank-row .team-name-col.missing-players {
  color: var(--color-red);
}
.admin-ranking-edit-page .teams-container {
  margin-top: var(--large-spacing);
}
.admin-ranking-edit-page .teams-buttons {
  margin-bottom: var(--xxlarge-spacing);
}
.admin-ranking-edit-page .teams-buttons .add-row-btn {
  margin-right: var(--large-spacing);
}

.private-message-conversation-page.standard-box {
  overflow: inherit;
}
.private-message-conversation-page.standard-box .standard-box-header {
  justify-content: space-between;
  display: flex;
}
.private-message-conversation-page .standard-box-content {
  overflow: inherit;
}
.private-message-conversation-page .private-message-conversation {
  max-height: calc(100vh - 560px);
  overflow-x: auto;
}
@media (max-width: 700px) {
  .private-message-conversation-page .private-message-conversation {
    max-height: 100%;
  }
}
.private-message-conversation-page .message-time {
  font-size: 10px;
  margin-bottom: calc(var(--medium-spacing) * -1);
  margin-top: calc(var(--medium-spacing) / 2 * -1);
  opacity: 0.7;
}
.private-message-conversation-page .message {
  background-color: var(--dm-other-color);
  max-width: 60%;
  border-radius: 20px 20px 20px 2px;
  padding: var(--medium-spacing);
  box-sizing: border-box;
  align-self: self-start;
  word-break: break-word;
}
@media (max-width: 700px) {
  .private-message-conversation-page .message {
    max-width: 75%;
    border-radius: 10px 10px 10px 2px;
  }
}
.private-message-conversation-page .message.your-message {
  background-color: var(--dm-your-color);
  align-self: flex-end;
  color: white;
  border-radius: 20px 20px 2px 20px;
}
@media (max-width: 700px) {
  .private-message-conversation-page .message.your-message {
    border-radius: 10px 10px 2px 10px;
  }
}
.private-message-conversation-page .message.your-message .message-time {
  text-align: right;
}
.private-message-conversation-page .messages {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--medium-spacing);
}
.private-message-conversation-page .message-reply-wrapper {
  bottom: 0;
  position: sticky;
  background-color: var(--box-background-color);
  width: 100%;
  border-top: var(--box-border);
  padding-top: var(--medium-spacing);
  margin-top: var(--medium-spacing);
  padding-left: var(--medium-spacing);
  padding-right: var(--medium-spacing);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
}
@media (max-width: 700px) {
  .private-message-conversation-page .message-reply-wrapper {
    bottom: 68px;
  }
}
.private-message-conversation-page .cannot-send-pm-error {
  color: var(--error-font-color);
  background-color: var(--error-background-color);
}
.private-message-conversation-page .new-message-box {
  max-width: 600px;
  margin: var(--medium-spacing) auto 0 auto;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto auto;
}
.private-message-conversation-page .new-message-box .new-message-text {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  min-height: 100px;
  padding: var(--medium-spacing);
  line-height: calc(var(--medium-font-size) * 1.7);
  font-size: var(--medium-font-size);
  overflow-y: auto;
}
.private-message-conversation-page .new-message-box .new-message-error {
  grid-column: 1;
  grid-row: 2;
  box-sizing: border-box;
  height: 100%;
  padding: var(--small-spacing);
  color: var(--error-font-color);
  background-color: var(--error-background-color);
  border: 0;
  display: flex;
  justify-content: center;
}
.private-message-conversation-page .new-message-box .new-message-emojis {
  grid-column: 2;
  grid-row: 2;
}
.private-message-conversation-page .new-message-box .new-message-post {
  grid-column: 3;
  grid-row: 2;
}
.private-message-conversation-page .new-message-box.show-emoji-selector .emoji-selector {
  display: block;
}

.inbox .private-message:hover {
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  padding: var(--medium-spacing);
}

.inbox {
  display: flex;
  flex-direction: column;
}
.inbox .private-message, .inbox .inbox-header {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: var(--medium-spacing);
}
.inbox .private-message {
  color: var(--font-faded-color);
  padding: var(--medium-spacing) 0;
}
.inbox .private-message:hover {
  background: var(--box-background-hover-color);
  cursor: pointer;
}
.inbox .new-message {
  font-weight: var(--font-weight-bolder);
  color: var(--font-emphasize-color);
}
.inbox .inbox-sender {
  color: var(--font-text-color);
}
.inbox .head {
  font-weight: bold;
}

.tippy-box .inbox-dropdown-button {
  padding: var(--medium-spacing) !important;
}
.tippy-box .inbox .private-message {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  border-top: 1px solid var(--box-border-color);
  padding: var(--medium-spacing);
  box-sizing: border-box;
}
.tippy-box .inbox .private-message:hover {
  padding: var(--medium-spacing);
  margin: inherit !important;
}
.tippy-box .inbox .private-message:last-child {
  border-bottom: 1px solid var(--box-border-color);
}
.tippy-box .inbox .inbox-header {
  padding: var(--medium-spacing);
}
.tippy-box .inbox .inbox-empty-state {
  padding: var(--medium-spacing);
  color: var(--font-faded-color);
  text-align: center;
}
.tippy-box .inbox .inbox-time {
  grid-row: 1;
  grid-column: 2;
  font-size: var(--small-font-size);
}
.tippy-box .inbox .inbox-sender {
  grid-row: 1;
  grid-column: 1;
  font-size: var(--small-font-size);
}
.tippy-box .inbox .inbox-reply-snippet {
  grid-row: 2;
  grid-column: 1/3;
}
.tippy-box .inbox-dropdown-button {
  padding: var(--medium-spacing);
}

.betting-list .betting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding: var(--medium-spacing) 0;
  border-bottom: var(--box-border);
}
.betting-list .betting-row:last-child {
  border-bottom: 0;
}
.betting-list .betting-odd, .betting-list .betting-team {
  width: 25%;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (max-width: 700px) {
  .betting-list .betting-odd, .betting-list .betting-team {
    width: 76px;
  }
}
.betting-list .betting-list-teams {
  display: flex;
  background-color: var(--box-background-alternate-color);
  margin-left: calc(var(--medium-spacing) * -1);
  margin-right: calc(var(--medium-spacing) * -1);
  margin-top: calc(var(--medium-spacing) * -1);
  border-bottom: var(--box-border);
  min-height: 32px;
  align-items: center;
  font-weight: var(--font-weight-bolder);
  padding: 0 var(--medium-spacing);
}
.betting-list .betting-logo {
  width: 120px;
}
@media (max-width: 700px) {
  .betting-list .betting-logo {
    width: 60px;
    display: flex;
    justify-content: center;
  }
}
.betting-list .betting-offer {
  flex: 1;
  text-align: center;
}
@media (max-width: 700px) {
  .betting-list .betting-offer {
    margin-left: 10px;
  }
}
.betting-list .betting-offer-text {
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 700px) {
  .betting-list .betting-offer-text {
    font-size: 8px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.betting-list .betting-offer-btn {
  border-radius: var(--box-border-radius);
  border: 1px solid var(--button-betting-offer-border);
  background: var(--button-betting-offer-background);
  height: 33px;
  width: 100%;
  font-size: var(--small-font-size);
  font-weight: bold;
  color: var(--button-betting-offer-color);
}
@media (max-width: 700px) {
  .betting-list .betting-offer-btn {
    line-height: 9px;
  }
}
.betting-list .betting-offer-btn:hover {
  background: var(--button-secondary-border-color);
}
.betting-list .provider-logo {
  width: 100px;
}
@media (max-width: 700px) {
  .betting-list .provider-logo {
    width: 50px;
  }
}

.betting-legal-text {
  color: var(--font-faded-color);
  opacity: 0.65;
  text-align: center;
  font-size: var(--small-font-size);
  margin-bottom: var(--small-spacing);
  margin-top: var(--small-spacing);
}
@media (max-width: 700px) {
  .betting-legal-text {
    font-size: 7px;
  }
}
.betting-legal-text a {
  text-decoration: underline;
  color: var(--font-faded-color);
  font-weight: var(--font-weight-bolder);
}

.odds-lightbox {
  display: block;
}
@media (min-width: 701px) {
  .odds-lightbox {
    width: 608px;
  }
}

.bonuses-available-container.standard-box .standard-box-content {
  padding-top: 0;
  padding-bottom: 0;
}

.bonus-available-container {
  padding: var(--large-spacing) 0;
  border-bottom: var(--border-width) solid var(--box-border-color);
}
.bonus-available-container:last-child {
  border-bottom: 0;
}
.bonus-available-container.active .bonus-available-bottom {
  display: block;
}
.bonus-available-container.active .button {
  color: var(--button-primary-text-color);
  font-weight: var(--font-weight-bolder);
  background-color: var(--button-primary-background-color);
  border: var(--border-width) solid var(--button-primary-background-color);
}
.bonus-available-container.active .button:hover {
  background-color: var(--button-hover-primary-background-color);
}
.bonus-available-container .bookmaker-reveal-bonus-button {
  font-size: var(--small-font-size);
  display: flex;
  align-items: center;
}
@media (max-width: 700px) {
  .bonus-available-container .bookmaker-reveal-bonus-button .button {
    height: 32px;
    font-size: var(--base-font-size);
  }
}
.bonus-available-container .bonus-available-top {
  display: flex;
}
.bonus-available-container .bookmaker-logo-container {
  height: 37px;
  width: 37px;
  overflow: hidden;
  border-radius: var(--box-border-radius);
  margin-right: 4px;
  flex: 0 0 37px;
}
.bonus-available-container .bookmaker-logo-container .bookmaker-logo {
  max-width: 100%;
}
.bonus-available-container .bookmaker-information {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bonus-available-container .bookmaker-stars {
  font-size: 7px;
  color: var(--font-star-yellow-color);
  height: 8px;
  display: flex;
}
.bonus-available-container .bookmaker-stars .fa {
  margin-right: 1px;
}
.bonus-available-container .bookmaker-stars .fa:last-child {
  margin: 0;
}
.bonus-available-container .bookmaker-name {
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
}
.bonus-available-container .bonus-highlighted-text {
  font-size: var(--large-font-size);
  color: var(--font-emphasize-color);
  font-weight: var(--font-weight-bolder);
}
.bonus-available-container .bonus-available-bottom {
  display: none;
  padding-top: var(--medium-spacing);
}
.bonus-available-container .bonus-highlighted-text {
  margin-bottom: var(--medium-spacing);
}
.bonus-available-container .bonus-disclaimer-text {
  font-size: var(--disclaimer-font-size);
  color: var(--font-faded-color);
  line-height: var(--disclaimer-font-line-height);
  margin-bottom: var(--medium-spacing);
}

.match-bonus-wrapper .match-bonus-container {
  height: 110px;
  overflow: hidden;
  background-color: black;
  color: white;
  border-radius: 0 0 var(--box-border-radius) var(--box-border-radius);
  display: flex;
  align-items: center;
}
.match-bonus-wrapper .match-bonus-container .match-bonus-left {
  flex: 0 0 90px;
  font-size: var(--small-font-size);
  font-weight: var(--font-weight-bolder);
  text-align: center;
}
.match-bonus-wrapper .match-bonus-container .match-bonus-center {
  flex: 0 0 180px;
  text-align: center;
}
@media (max-width: 700px) {
  .match-bonus-wrapper .match-bonus-container .match-bonus-center {
    flex: 1 auto;
    margin-right: var(--large-spacing);
  }
}
.match-bonus-wrapper .match-bonus-container .match-bonus-right {
  flex: 1 auto;
  margin-left: var(--large-spacing);
}
.match-bonus-wrapper .match-bonus-container .match-bonus-text {
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
  margin-bottom: var(--medium-spacing);
}
.match-bonus-wrapper .match-bonus-container .match-bonus-cta {
  height: 32px;
  background-color: var(--betting-button-color);
  color: var(--white-color);
  border-radius: var(--box-border-radius);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: var(--large-font-size);
  font-weight: var(--font-weight-bolder);
}
.match-bonus-wrapper .match-bonus-container .match-bonus-logo-container {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: var(--medium-spacing);
}
.match-bonus-wrapper .match-bonus-container .match-bonus-logo {
  max-height: 100%;
  max-width: 100%;
  border-radius: var(--box-border-radius);
}
.match-bonus-wrapper .match-list-component {
  max-width: 160px;
  flex: 0 0 160px;
}
.match-bonus-wrapper .match-list-component .secondary-button {
  padding: var(--small-spacing);
}
.match-bonus-wrapper .match-bonus-compliance {
  margin-top: var(--small-spacing);
  font-size: var(--xsmall-font-size);
  color: var(--font-faded-color);
}

.odds-table-component {
  text-align: center;
}
.odds-table-component .betting-provider-logo {
  max-height: 40px;
  max-width: 80px;
}

.betting-page .betting-main-content img {
  border-radius: var(--box-border-radius);
}
.betting-page figure {
  width: inherit !important;
}
.betting-page img {
  max-width: 100%;
  height: auto;
}
.betting-page .bcb-operator-title {
  color: var(--font-emphasize-color);
}
.betting-page .betting-sidebar-quicknav {
  background-color: var(--box-background-color);
  border-radius: var(--box-border-radius);
  border: var(--box-border);
  margin-bottom: var(--large-spacing);
  position: relative;
}
.betting-page .betting-sidebar-quicknav:hover {
  background-color: var(--box-background-hover-color);
}
.betting-page .betting-sidebar-quicknav:last-child {
  margin-bottom: 0;
}
.betting-page .betting-quicknav {
  display: flex;
  padding: var(--large-spacing) 8px;
  align-items: center;
  position: relative;
}
.betting-page .betting-quicknav:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--font-emphasize-color);
  font-weight: var(--font-weight-bolder);
}
.betting-page .betting-quicknav.matches-icon:before {
  content: "";
  -webkit-mask-image: url(/dust2/img/static/csgo_icon.svg);
  background-size: 20px 20px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--medium-spacing);
  background: var(--font-emphasize-color);
}
.betting-page .betting-quicknav.bonus-codes-icon:before {
  content: "";
  -webkit-mask-image: url(/dust2/img/static/bonus_code.svg);
  background-size: 20px 20px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--medium-spacing);
  background: var(--font-emphasize-color);
}
.betting-page .betting-quicknav.reviews-icon:before {
  content: "";
  -webkit-mask-image: url(/dust2/img/static/bookmaker_review.svg);
  background-size: 20px 20px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--medium-spacing);
  background: var(--font-emphasize-color);
}
.betting-page .betting-quicknav.guides-icon:before {
  content: "";
  -webkit-mask-image: url(/dust2/img/static/betting_guide.svg);
  background-size: 20px 20px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--medium-spacing);
  background: var(--font-emphasize-color);
}
.betting-page .betting-quicknav .betting-quicknav-text {
  color: var(--font-emphasize-color);
  font-weight: var(--font-weight-bolder);
}
.betting-page .betting-top-section {
  padding-left: var(--large-spacing);
  padding-right: var(--large-spacing);
  padding-top: var(--large-spacing);
  margin-top: calc(var(--large-spacing) * -1);
  padding-bottom: 200px;
  background: var(--top-page-matches-background-color);
  color: white;
  position: relative;
}
@media (max-width: 700px) {
  .betting-page .betting-top-section {
    padding-bottom: 160px;
  }
}
.betting-page .betting-top-section:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, transparent 0, var(--top-page-matches-background-color) 100%);
  left: 0;
  top: 0;
}
.betting-page .betting-top-section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #c0c5c7 url(/dust2/img/static/betting/betting_bg.jpg) no-repeat fixed center 180px;
  left: 0;
  top: 0;
  opacity: 0.25;
}
@media (max-width: 700px) {
  .betting-page .betting-top-section:before {
    background: #c0c5c7 url(/dust2/img/static/betting/betting_bg.jpg) no-repeat fixed center 30px;
  }
}
.betting-page .betting-top-section .betting-sidebar-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.betting-page .betting-top-section .sub-header {
  margin-top: 24px;
  font-size: 24px;
}
@media (max-width: 700px) {
  .betting-page .betting-top-section .sub-header {
    font-size: 16px;
  }
}
.betting-page .betting-top-section h1 {
  font-size: 58px;
}
@media (max-width: 700px) {
  .betting-page .betting-top-section h1 {
    font-size: 24px;
  }
}
.betting-page .betting-main-content {
  position: relative;
  z-index: 1;
}
.betting-page .betting-main-content section {
  background-color: var(--box-background-color);
  border-radius: var(--box-border-radius);
  padding: var(--xlarge-spacing);
}
.betting-page .betting-frontpage-content {
  margin-top: -150px;
}
.betting-page .betting-frontpage-content .betting-sidebar-content {
  margin-top: -8px;
}
.betting-page .betting-frontpage-main-content {
  grid-gap: var(--xlarge-spacing);
  display: grid;
}
.betting-page .bcb-cta-1 {
  text-align: center;
}
.betting-page .bcb-cta-1 .bcb-btn {
  background-color: var(--betting-button-color);
  border: 0;
  font-weight: var(--font-weight-bolder);
}
.betting-page .bcb-cta-1 .bcb-btn:hover {
  background: var(--betting-button-hover-color);
}
.betting-page .bcb-cta-1 p:not(.bcb-small-text) {
  display: none;
}
.betting-page .operator-info-4-wrapper .operator-info-4 {
  box-sizing: border-box;
  background: var(--box-background-color);
  padding: var(--medium-spacing);
  border: var(--box-border);
  border-radius: var(--box-border-radius);
}
.betting-page .operator-info-4-wrapper .operator-info-4 p, .betting-page .operator-info-4-wrapper .operator-info-4 br {
  display: none;
}
.betting-page .operator-info-4-wrapper .operator-info-4__top__bookmaker__info {
  display: flex;
  align-items: center;
}
.betting-page .operator-info-4-wrapper .operator-info-4__top__bookmaker a {
  flex: 0 0 66px;
}
.betting-page .operator-info-4-wrapper .operator-info-4__bottom {
  margin-top: var(--medium-spacing);
  font-size: var(--xsmall-font-size);
  color: var(--font-faded-color);
  line-height: 12px;
}
.betting-page .operator-info-4-wrapper .operator-info-4__bottom br {
  display: block;
}
.betting-page .operator-info-4-wrapper .operator-info-4__top {
  flex-wrap: wrap;
}
.betting-page .operator-info-4-wrapper .operator-info-4__top .bcb-btn {
  width: 100%;
  box-sizing: border-box;
  padding: var(--medium-spacing) var(--large-spacing);
  margin-top: var(--large-spacing);
  font-weight: var(--font-weight-bolder);
  background-color: var(--button-primary-background-color);
  border: 0;
}
.betting-page .operator-info-4-wrapper .operator-info-4__top .bcb-btn:hover {
  background-color: var(--button-hover-primary-background-color);
}
.betting-page .operator-info-4-wrapper .operator-info-4__top--cta {
  flex: 0 0 100%;
}
.betting-page .betting-top-cta {
  grid-gap: var(--xlarge-spacing);
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta {
    grid-gap: var(--medium-spacing);
  }
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-operator-list-13__item__operator__img {
  max-height: 30px;
}
.betting-page .betting-top-cta .bcb-operator-list-13.bcb-block {
  margin-bottom: 0;
}
.betting-page .betting-top-cta .bcb-operator-list-13 ol {
  margin: 0;
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-operator-list-13__item {
  margin-bottom: 0;
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb__stars--primary {
  fill: var(--font-star-yellow-color);
}
.betting-page .betting-top-cta .bcb-operator-list-13 p {
  margin: 0;
}
.betting-page .betting-top-cta .bcb-operator-list-13 br {
  display: none;
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb__stars {
  margin: var(--large-spacing) 0;
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-operator-list-13__item__operator {
  margin-bottom: var(--large-spacing);
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-container {
  padding: var(--large-spacing);
  box-sizing: border-box;
  background-color: var(--box-background-color);
  border-radius: var(--box-border-radius);
  border: var(--box-border);
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-usp-list-item {
  display: flex;
  justify-content: center;
  font-size: var(--base-font-size);
  color: var(--font-text-color);
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .bcb-operator-list-13 .bcb-usp-list-item {
    margin-bottom: 2px;
  }
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .bcb-operator-list-13 .bcb-mt-lg {
    margin-top: 4px;
  }
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-btn {
  box-sizing: border-box;
  border: 0;
  background-color: var(--button-primary-background-color);
  font-weight: var(--font-weight-bolder);
  font-size: var(--large-font-size);
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .bcb-operator-list-13 .bcb-btn {
    padding: 4px;
  }
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-btn:hover {
  background-color: var(--button-hover-primary-background-color);
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-usp-list-icon {
  margin-right: 4px;
  background: url(/dust2/img/static/checkmark.svg) 50% no-repeat;
  flex: 0 0 16px;
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-operator-list-13__item__operator {
  flex-direction: column;
}
.betting-page .betting-top-cta .bcb-operator-list-13 .bcb-operator-title {
  display: none;
}
.betting-page .betting-top-cta .betting-frontpage-usp {
  position: relative;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp {
    padding: 20px;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp:before {
  content: "\f005";
  display: block;
  position: absolute;
  height: 53px;
  width: 53px;
  left: -13px;
  top: 0;
  z-index: 1;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 40px;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp:before {
    left: 0;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp:after {
  content: "1";
  display: block;
  position: absolute;
  height: 25px;
  width: 13px;
  left: 3px;
  top: 0;
  z-index: 1;
  font-weight: bold;
  color: black;
  font-size: 20px;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp:after {
    left: 16px;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1 {
  margin-top: -40px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-container {
  padding-top: 40px;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-container {
    padding-top: inherit;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-operator-list-13__item__operator__img {
  margin-top: -40px;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-operator-list-13__item__operator__img {
    margin-top: 12px;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-operator-list-13__item__top_pros {
  padding: 6px 0;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-operator-list-13__item__top_pros {
    padding: inherit;
  }
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp.feature-1 {
    order: 1;
    margin-top: inherit;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1:before {
  top: 1px;
  color: #f3be00;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1:after {
  top: 16px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-operator-list-13__item__operator {
  margin-top: -28px;
  padding-bottom: 28px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-1 .bcb-operator-list-13__item__operator__data {
  padding-bottom: 0;
  margin-top: 0;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp.feature-2 {
    order: 2;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-2:before {
  top: -24px;
  color: #d8d8d8;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-2:after {
  content: "2";
  top: -8px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-2 .bcb-container {
  padding-top: 16px;
  margin-top: -16px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-2 .bcb-operator-list-13__item__operator {
  margin-top: -32px;
  padding-bottom: 32px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-2 .bcb-operator-list-13__item__operator__data {
  padding-bottom: 0;
  margin-top: 0;
}
@media (max-width: 700px) {
  .betting-page .betting-top-cta .betting-frontpage-usp.feature-3 {
    order: 3;
  }
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-3:before {
  top: -16px;
  color: #ffa500;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-3:after {
  content: "3";
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-3 .bcb-container {
  padding-top: 8px;
  margin-top: -8px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-3 .bcb-operator-list-13__item__operator {
  margin-top: -28px;
  padding-bottom: 28px;
}
.betting-page .betting-top-cta .betting-frontpage-usp.feature-3 .bcb-operator-list-13__item__operator__data {
  padding-bottom: 0;
  margin-top: 0;
}
.betting-page .betting-top-cta .betting-frontpage-usp .bcb-operator-list-13__item__top_pros {
  margin-top: -32px;
}
.betting-page .bcb-operator-list-1-wrapper {
  color: var(--font-text-color);
}
.betting-page .bcb-operator-list-1-wrapper br, .betting-page .bcb-operator-list-1-wrapper p {
  display: none;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 {
  padding: var(--large-spacing);
  box-sizing: border-box;
  background-color: var(--box-background-alternate-color);
  margin-bottom: var(--large-spacing);
  border-radius: var(--box-border-radius);
  border: var(--box-border);
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1:last-child {
  margin-bottom: 0;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-title {
  color: var(--font-emphasize-color);
  font-size: var(--xxlarge-font-size);
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__middle-second {
  flex: 0 0 111px;
  justify-content: center;
  align-items: center;
  align-self: center;
  display: flex;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__middle {
  padding-left: 0;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-9__item__winner__right__text {
  font-size: 12px;
  line-height: 16px;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-review-link {
  color: var(--font-faded-color);
}
@media (max-width: 700px) {
  .betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-review-link {
    font-size: var(--base-font-size);
    text-align: center;
  }
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__left-operator {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__left {
  flex: 1 auto;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__right .btn-block {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  padding: 0;
  line-height: 20px;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__right .btn-block span:before {
  content: "";
  display: block;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__right .btn-block .bcb__operator__visible {
  display: initial !important;
}
@media (max-width: 700px) {
  .betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__right .btn-block {
    font-size: 11px;
    line-height: 16px;
  }
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__right .btn-block .bcb__operator__visible {
  font-size: 18px;
  font-weight: var(--font-weight-bolder);
}
@media (max-width: 700px) {
  .betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-operator-list-1__header__right .btn-block .bcb__operator__visible {
    font-size: 13px;
  }
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-score .bcb-score-big {
  color: var(--font-emphasize-color);
  font-size: 32px;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-score .bcb-score-small {
  color: var(--font-faded-color);
  font-weight: 500;
  font-size: var(--large-font-size);
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-counter {
  margin-left: calc(var(--large-spacing) * -1 - 4px);
}
@media (max-width: 700px) {
  .betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-counter {
    margin-left: calc(var(--large-spacing) * -1 - 12px);
  }
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-counter:before {
  background: var(--button-primary-background-color);
  border-radius: 0 50% 50% 0;
  font-size: var(--xxlarge-font-size);
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-btn {
  background: var(--button-primary-background-color);
  border: 0;
  padding: var(--large-spacing);
  box-sizing: border-box;
  font-weight: var(--font-weight-bolder);
}
.betting-page .bcb-operator-list-1-wrapper .bcb-operator-list-1 .bcb-btn:hover {
  background: var(--button-hover-primary-background-color);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-container {
  box-sizing: border-box;
  background-color: var(--box-background-alternate-color);
  border: 1px solid var(--box-border-color);
  border-radius: var(--box-border-radius);
  padding: var(--xlarge-spacing);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-btn span:before {
  content: "";
  display: block;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-btn .bcb__operator__visible {
  display: initial !important;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-btn .bcb-small-text {
  display: inline-block;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-btn .bcb__operator__visible {
  font-weight: var(--font-weight-bolder);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__body__desc {
  display: none;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-have-usp {
  max-width: inherit;
  justify-content: center;
  flex-direction: column;
  display: flex;
  padding-right: 0;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__down--title {
  display: inline-flex;
  background: var(--box-background-color);
  border-radius: var(--box-border-radius);
  border: 2px solid var(--betting-button-color);
  font-size: var(--xxlarge-font-size);
  padding: var(--medium-spacing);
  margin: 0 auto;
  margin-bottom: var(--large-spacing);
  text-align: center;
  color: var(--font-emphasize-color);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb__stars {
  margin-top: var(--medium-spacing);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb__stars svg {
  height: 12px;
  margin-right: 1px;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-title {
  font-size: 32px;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__review {
  display: none;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__down--desc {
  margin-left: calc(var(--xlarge-spacing) * -1);
  margin-right: calc(var(--xlarge-spacing) * -1);
  margin-bottom: calc(var(--xlarge-spacing) * -1);
  padding: var(--xlarge-spacing);
  color: var(--font-faded-color);
  font-size: var(--small-font-size);
  border-top: 1px solid var(--box-border-color);
  border-radius: 0 0 var(--box-border-radius) var(--box-border-radius);
  background: var(--box-background-color);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-usp-list-item {
  color: var(--font-text-color);
  font-size: var(--base-font-size);
  margin-bottom: 0;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-usp-list-icon {
  margin-right: 4px;
  background: url("/dust2/img/static/checkmark.svg") 50% no-repeat;
  flex: 0 0 16px;
  opacity: 0.5;
  color: var(--font-emphasize-color);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-btn {
  background-color: var(--betting-button-color);
  border: 0;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-btn:hover {
  background-color: var(--betting-button-hover-color);
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__item__winner__right {
  display: none;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__body {
  flex-wrap: wrap;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__body__desc {
  flex: 0 0 100%;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__body__pros {
  flex: 0 0 100%;
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-usp-list {
  display: flex;
  gap: var(--large-spacing);
  justify-content: center;
}
@media (max-width: 700px) {
  .betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-usp-list {
    flex-wrap: wrap;
    margin-bottom: var(--medium-spacing);
  }
}
.betting-page.betting-bookmaker-page .bcb-operator-list-19 .bcb-operator-list-19__operator__container {
  padding-right: 0;
}
.betting-page.betting-bookmaker-page .betting-top-section {
  padding-bottom: 70px;
  position: relative;
}
@media (max-width: 700px) {
  .betting-page.betting-bookmaker-page .betting-top-section {
    padding-bottom: 16px;
  }
}
.betting-page.betting-bookmaker-page .betting-top-section .betting-main-content {
  margin-top: 0;
  z-index: 1;
  position: relative;
}
.betting-page.betting-bookmaker-page .betting-frontpage-content {
  margin-top: -40px;
}
@media (max-width: 700px) {
  .betting-page.betting-bookmaker-page .betting-frontpage-content {
    margin-top: 0;
  }
  .betting-page.betting-bookmaker-page .betting-frontpage-content .standard-box {
    padding-top: 16px;
  }
}
.betting-page .operator-header-2 {
  box-sizing: border-box;
  margin: 0;
  background: none;
  color: var(--white-color);
  padding: 0;
}
.betting-page .operator-header-2 p, .betting-page .operator-header-2 br {
  display: none;
}
.betting-page .operator-header-2 .operator-header-2__features {
  align-items: center;
}
.betting-page .operator-header-2 .operator-header-2__features_top {
  flex: 1 auto;
}
.betting-page .operator-header-2 .operator-header-2__features_top-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.betting-page .operator-header-2 .bcb-operator-title {
  color: var(--font-emphasize-color);
  font-size: 38px;
  line-height: 45.6px;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .bcb-operator-title {
    font-size: 20px;
    line-height: 24px;
  }
}
.betting-page .operator-header-2 .bcb-score-big {
  color: var(--font-emphasize-color);
  width: 45px;
  text-align: right;
}
.betting-page .operator-header-2 .bcb-score-small {
  color: var(--font-faded-color);
}
.betting-page .operator-header-2 .operator-header-2__bottom {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto auto;
  row-gap: var(--large-spacing);
  column-gap: var(--xxlarge-spacing);
  margin-top: var(--large-spacing);
  padding-top: var(--large-spacing);
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .operator-header-2__bottom {
    display: flex;
    flex-direction: column;
  }
}
.betting-page .operator-header-2 .operator-header-2__features_score {
  position: relative;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .operator-header-2__features_score {
    margin-top: -16px;
  }
}
.betting-page .operator-header-2 .operator-header-2__features_score:after {
  content: "Test score";
  display: block;
  position: absolute;
  bottom: -22px;
  width: 100%;
  text-align: center;
  color: #F3BE00;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .operator-header-2__features_score:after {
    bottom: -16px;
  }
}
.betting-page .operator-header-2 .operator-header-2__bottom__top_wrapper {
  grid-row: 1;
  grid-column: 1/4;
  padding-bottom: 0;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto auto;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .operator-header-2__bottom__top_wrapper {
    display: flex;
    flex-direction: column;
  }
}
.betting-page .operator-header-2 .operator-header-2__bottom__headline {
  color: var(--font-emphasize-color);
  font-size: 30px;
  line-height: 45px;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .operator-header-2__bottom__headline {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
}
.betting-page .operator-header-2 .operator-header-2__bottom__summary {
  grid-row: 2;
  grid-column: 1/4;
  color: var(--font-faded-color);
}
.betting-page .operator-header-2 .operator-header-2__bottom__cta {
  grid-row: 1/3;
  grid-column: 4;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.betting-page .operator-header-2 .operator-header-2__bottom__cta .bcb-btn {
  background-color: var(--button-primary-background-color);
  border: 0;
  font-weight: var(--font-weight-bolder);
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .operator-header-2__bottom__cta .bcb-btn {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    padding: 0;
    line-height: 42px;
  }
}
.betting-page .operator-header-2 .operator-header-2__bottom__cta .bcb-btn:hover {
  background-color: var(--button-hover-primary-background-color);
  border: 0;
}
.betting-page .operator-header-2 .bcb-square-logo {
  width: 75px;
  height: 75px;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .bcb-square-logo {
    width: 45px;
    height: 45px;
  }
}
.betting-page .operator-header-2 .bcb-usp-list {
  display: flex;
  align-items: center;
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .bcb-usp-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.betting-page .operator-header-2 .bcb-usp-list .bcb-usp-list-icon {
  margin-right: 4px;
  background: url(/dust2/img/static/checkmark.svg) 50% no-repeat;
  flex: 0 0 16px;
}
.betting-page .operator-header-2 .bcb-usp-list .bcb-usp-list-item {
  color: var(--font-color);
}
@media (max-width: 700px) {
  .betting-page .operator-header-2 .bcb-usp-list .bcb-usp-list-item {
    font-size: 10px;
    line-height: 12px;
  }
}
.betting-page .operator-header-2 .bcb-usp-list .bcb-usp-list-item:not(:last-of-type) {
  margin-bottom: 0;
  margin-right: var(--large-spacing);
}
.betting-page .sidebar-sub-header, .betting-page .sidebar-sub-header-white {
  font-size: var(--base-font-size);
  margin-bottom: var(--medium-spacing);
  position: relative;
}
.betting-page .sidebar-sub-header-white {
  color: var(--white-color);
  margin-top: -40px;
}
.betting-page .operator-categories-2 {
  margin: 0;
}
.betting-page .operator-categories-2 p {
  display: none;
}
.betting-page .operator-categories-2 .operator-categories-2__main {
  box-sizing: border-box;
  background-color: var(--box-background-color);
  border: var(--box-border);
  border-radius: var(--box-border-radius);
  margin-top: 0;
  padding: var(--medium-spacing);
  display: flex;
  align-items: center;
  margin-bottom: var(--large-spacing);
}
@media (min-width: 1150px) {
  .betting-page .betting-top-section {
    margin-left: calc(var(--large-spacing) * -1);
    margin-right: calc(var(--large-spacing) * -1);
  }
}
@media (max-width: 700px) {
  .betting-page .compliance-header .bc-compliance__element {
    font-size: 9px;
  }
}
.betting-page .compliance-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  margin-top: var(--large-spacing);
}
.betting-page .gamalyze-container {
  position: relative;
  overflow: hidden;
  padding-top: 70%;
  width: 80%;
  margin: auto;
}
.betting-page .gamalyze-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: 0;
}

.bcb-cta-1 a.btn {
  border-radius: 4px;
}

.operator-header-1__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.operator-header-1__heading__left {
  display: flex;
  align-items: center;
}

.operator-header-1__heading__left__logo {
  display: flex;
  align-items: center;
}

.operator-header-1__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 991.98px) {
  .operator-header-1__bottom {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .operator-header-1__cta {
    max-width: fit-content;
    margin-top: 10px;
  }
}
.operator-header-2.bcb-container {
  display: inline-block;
}

.operator-header-2__features {
  display: flex;
  justify-content: space-between;
}

.operator-header-2__features_top {
  display: flex;
  align-items: center;
}

.operator-header-2 .operator-header-2__bottom-box {
  position: relative;
}

.operator-header-2 .operator-header-2__bottom__cta {
  position: relative;
  float: right;
}

@media (max-width: 991.98px) {
  .operator-header-2 .operator-header-2__bottom__cta {
    position: relative;
    float: left;
  }
}
.operator-header-3-wrapper {
  width: 100%;
  display: flex;
}

@media (max-width: 767.98px) {
  .operator-header-3-wrapper {
    display: block;
  }
}
.operator-header-3-wrapper .operator-header-3-bookmaker {
  width: 66.5%;
  padding-right: 40px;
}

@media (max-width: 767.98px) {
  .operator-header-3-wrapper .operator-header-3-bookmaker {
    margin-right: 0;
    width: 100%;
    padding-right: 0;
  }
}
.operator-header-3-wrapper .operator-header-3-bookmaker-rating {
  display: flex;
  position: relative;
}

.operator-header-3-wrapper .operator-header-3-bookmaker-rating-score .operator-header-3-bookmaker-rating-total-score {
  position: absolute;
  top: 7px;
  right: 0;
}

@media (max-width: 767.98px) {
  .operator-header-3-wrapper .operator-header-3-bookmaker-rating-score .operator-header-3-bookmaker-rating-total-score {
    top: 3px;
  }
}
.operator-header-3-wrapper .operator-header-3-offer {
  width: 33%;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .operator-header-3-wrapper .operator-header-3-offer {
    width: 100%;
    margin-top: 20px;
  }
}
.operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code {
  display: flex;
  margin-top: auto;
}

@media (max-width: 767.98px) {
  .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code {
    margin-top: 20px;
  }
}
.operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code.operator-header-3-offer-bonus-code-available .btn-primary {
  width: 25%;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-bookmaker {
    margin-right: 0;
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-bookmaker-rating-score .operator-header-3-bookmaker-rating-total-score {
    top: 3px;
  }
}
@media (min-width: 768px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer .bcb-bonus-input {
    overflow: hidden;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code {
    margin-top: 20px;
  }
}
.core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code.operator-header-3-offer-bonus-code-available .btn-primary {
  width: 40%;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-bookmaker {
    margin-right: 0;
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-bookmaker-rating-score .operator-header-3-bookmaker-rating-total-score {
    top: 3px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code {
    margin-top: 20px;
  }
}
.core-has-sidebar .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code.operator-header-3-offer-bonus-code-available .btn-primary {
  width: 40%;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .operator-header-3-wrapper {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .operator-header-3-wrapper .operator-header-3-bookmaker {
    margin-right: 0;
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .operator-header-3-wrapper .operator-header-3-bookmaker-rating-score .operator-header-3-bookmaker-rating-total-score {
    top: 3px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .operator-header-3-wrapper .operator-header-3-offer {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code {
    margin-top: 20px;
  }
}
.core-has-both-sidebars .operator-header-3-wrapper .operator-header-3-offer .operator-header-3-offer-bonus-code.operator-header-3-offer-bonus-code-available .btn-primary {
  width: 40%;
  font-size: 15px;
}

.bcb-operator-header-4__winner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bcb-operator-header-4__winner__left {
  display: flex;
  align-items: center;
}

.bcb-operator-header-4__winner__right {
  display: flex;
  align-items: center;
}

.bcb-operator-header-4__winner__right__text {
  padding-right: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-header-4__winner__right__text {
    padding-right: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.bcb-operator-header-5__winner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bcb-operator-header-5__winner__left {
  display: flex;
  align-items: center;
}

.bcb-operator-header-5__winner__right {
  display: flex;
  align-items: center;
}

.bcb-operator-header-5__winner__right__text {
  padding-right: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-header-5__winner__right__text {
    padding-right: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.operator-header-6 {
  display: block;
  background: #eee;
  padding: 10px;
}

.operator-header-6__features {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

.operator-header-6__features__left {
  flex-shrink: 0;
}

.operator-header-6__features__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.operator-header-6__features__cta {
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .operator-header-6__features__cta {
    display: none;
  }
}
.operator-header-6__cta {
  display: none;
}

@media (max-width: 767.98px) {
  .operator-header-6__cta {
    display: block;
  }
}
.operator-header-6 ul, .operator-header-6__top_pros {
  display: inline-block;
}

.operator-header-6 ul li, .operator-header-6__top_pros li {
  margin-right: 20px;
  float: left;
  margin-bottom: 0;
}

.bcb-operator-list-1-wrapper {
  counter-reset: bcb-operator-list-1-rank;
  margin-bottom: 20px;
}

.bcb-operator-list-1__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bcb-operator-list-1__header__left {
  display: flex;
}

.bcb-operator-list-1__header__left-img {
  display: flex;
  align-items: center;
}

.bcb-operator-list-1__header__left .bcb-counter:before {
  counter-increment: bcb-operator-list-1-rank;
  content: counter(bcb-operator-list-1-rank) "";
}

.operator_single .bcb-operator-list-1__header__left-img {
  margin-left: 0;
}

.operator_single .bcb-operator-list-1__header__left-img:before {
  display: none;
}

.bcb-operator-list-1__header__middle {
  display: flex;
  flex: 1;
  width: 100%;
  justify-content: space-between;
  padding: 0 10px 0 40px;
  align-items: center;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-1__header__middle {
    display: block;
  }
}
.bcb-operator-list-1__header__middle-first {
  width: 200px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-1__header__middle-first {
    display: none;
  }
}
.bcb-operator-list-1__header__middle-second {
  margin-left: auto;
  padding-left: 20px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-1__header__middle-second {
    padding-left: 0;
  }
}
.bcb-operator-list-1__header__right {
  flex: 0 0 140px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-1__header__right {
    flex: unset;
  }
  .bcb-operator-list-1__header__right a {
    display: inline-block;
    width: auto;
  }
  .bcb-operator-list-1__header__right a span {
    display: none;
  }
}
.core-has-sidebar .bcb-operator-list-1__header__middle-first {
  width: 170px;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-1__header__middle-first {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-1__header .bcb-counter {
    padding-left: 0;
  }
  .core-has-both-sidebars .bcb-operator-list-1__header .bcb-counter:before {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-1__header__left-img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-1__header__left-operator--name {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-1__header__left-operator--stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
.core-has-both-sidebars .bcb-operator-list-1__header__center-score {
  font-size: 24px;
  line-height: 19px;
}

.core-has-both-sidebars .bcb-operator-list-1__header__center-text {
  font-size: 12px;
  line-height: 12px;
}

.core-has-both-sidebars .bcb-operator-list-1__header__middle {
  display: block;
}

.core-has-both-sidebars .bcb-operator-list-1__header__middle-first {
  width: 170px;
  display: none;
}

.core-has-both-sidebars .bcb-operator-list-1__header__middle-second {
  padding-left: 0;
}

.core-has-both-sidebars .bcb-operator-list-1__header__middle-second a {
  font-size: 12px;
  line-height: 16px;
}

.bcb-operator-list-2 {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  counter-reset: bcb-operator-list-2-rank;
}

.bcb-operator-list-2 td {
  border: none;
}

.bcb-operator-list-2 th {
  border: none;
}

.bcb-operator-list-2__item {
  background-color: #e9ecef;
}

.bcb-operator-list-2__item td:first-child {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1199.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-2__item td:first-child {
    padding-bottom: 20px;
  }
}
.bcb-operator-list-2__item td:not(:first-child) {
  padding: 10px 0;
}

.bcb-operator-list-2__item td:last-child {
  padding: 10px;
}

.bcb-operator-list-2__item__operator--wrapper {
  width: 250px;
  position: relative;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-2__item__operator--wrapper {
    width: auto;
  }
}
.bcb-operator-list-2__item__operator--wrapper .bcb-counter:before {
  counter-increment: bcb-operator-list-2-rank;
  content: counter(bcb-operator-list-2-rank) "";
}

.operator_single .bcb-operator-list-2__item__operator--wrapper {
  padding: 10px 0 10px 10px;
}

.operator_single .bcb-operator-list-2__item__operator--wrapper:before {
  display: none;
}

.bcb-operator-list-2__item__operator {
  display: flex;
  align-items: center;
  position: relative;
}

.bcb-operator-list-2__item__test {
  width: 200px;
  padding-left: 40px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-2__item__test {
    display: none;
  }
}
.bcb-operator-list-2__item__bonus {
  text-align: right;
}

.bcb-operator-list-2__item__bonus a {
  display: none;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-2__item__bonus a {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-2__item__bonus {
    text-align: center;
  }
}
.bcb-operator-list-2__item__review {
  text-align: right;
}

.bcb-operator-list-2__item__review a {
  padding-right: 10px;
  padding-left: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-2__item__review {
    display: none;
  }
}
.bcb-operator-list-2__item__cta {
  text-align: right;
  width: 156px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-2__item__cta {
    width: auto;
  }
}
.bcb-operator-list-2__item__cta a.bcb-btn {
  width: 140px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-2__item__cta a.bcb-btn {
    display: inline-block;
    width: auto;
  }
  .bcb-operator-list-2__item__cta a.bcb-btn span {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-2__item__cta a.bcb-btn {
    font-size: 14px;
    padding: 5px;
  }
}
.operator_single .bcb-operator-list-2__item td:first-child {
  padding: 10px 0 10px 10px;
}

@media (max-width: 767.98px) {
  .operator_single .bcb-operator-list-2__item td:first-child {
    padding-left: 10px;
  }
}
.core-has-sidebar .bcb-operator-list-2__item__test {
  width: 170px;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-2__item__test {
    display: none;
  }
}
.core-has-both-sidebars .bcb-operator-list-2__item__bonus {
  text-align: center;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-2__item__bonus {
    padding-right: 8px;
  }
}
.core-has-both-sidebars .bcb-operator-list-2__item__bonus .bcb-bonus {
  font-size: 24px;
  line-height: 40px;
}

.core-has-both-sidebars .bcb-operator-list-2__item__bonus a {
  display: block;
}

.core-has-both-sidebars .bcb-operator-list-2__item__review {
  display: none;
}

.core-has-both-sidebars .bcb-operator-list-2__item__test {
  width: 170px;
  display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-2__item__operator .bcb-counter {
    padding-left: 0;
  }
  .core-has-both-sidebars .bcb-operator-list-2__item__operator .bcb-counter:before {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-2__item__operator__img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-2__item__operator__data__name {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-2__item__operator__data__stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
.bcb-operator-list-3-wrapper {
  width: 100%;
  padding: 0;
  counter-reset: bcb-operator-list-3-rank;
}

.bcb-operator-list-3-wrapper li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.bcb-operator-list-3-wrapper li .bcb-operator-list-3 {
  display: flex;
  align-items: center;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-3-wrapper li {
    display: inline-block;
  }
}
.bcb-operator-list-3-wrapper li .bcb-counter:before {
  content: counter(bcb-operator-list-3-rank) "";
  counter-increment: bcb-operator-list-3-rank;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-logo {
    float: left;
  }
}
.bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-info {
  margin: 0 20px 0 0;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-info {
    min-height: 56px;
  }
}
.bcb-operator-list-3-wrapper li .bcb-operator-list-3-terms {
  font-size: 12px;
  flex: 1;
  padding-right: 20px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-3-wrapper li .bcb-operator-list-3-terms {
    float: left;
    margin: 10px 0 20px;
    padding-right: 0;
  }
}
.bcb-operator-list-3-wrapper li .bcb-operator-list-3-cta {
  display: flex;
  margin-left: auto;
  min-width: 250px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-3-wrapper li .bcb-operator-list-3-cta {
    margin: 30px 0 0;
  }
}
.bcb-operator-list-3-wrapper li .bcb-operator-list-3-cta .bcb-btn:not(.btn-block) {
  width: 30%;
}

.bcb-operator-list-3-wrapper .bcb-operator-list-3-bonus-wrapper {
  flex: 1;
}

ol.bcb-operator-list-3-wrapper {
  margin-left: 0;
}

.bcb-operator-list-3-wrapper.operator_single li:before {
  display: none;
}

.bcb-operator-list-3-wrapper.operator_single li .bcb-operator-list-3-bookmaker-logo {
  margin-left: 0;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-3-wrapper li {
    display: inline-block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-logo {
    float: left;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-info {
    min-height: 56px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-3-wrapper li .bcb-operator-list-3-terms {
    float: left;
    margin: 10px 0 20px;
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-3-wrapper li .bcb-operator-list-3-cta {
    margin: 30px 0 0;
  }
}
.core-has-both-sidebars .bcb-operator-list-3-wrapper li {
  display: inline-block;
}

.core-has-both-sidebars .bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-logo {
  float: left;
}

.core-has-both-sidebars .bcb-operator-list-3-wrapper li .bcb-operator-list-3-bookmaker-info {
  min-height: 56px;
}

.core-has-both-sidebars .bcb-operator-list-3-wrapper li .bcb-operator-list-3-terms {
  float: left;
  margin: 10px 0 20px;
  padding-right: 0;
}

.core-has-both-sidebars .bcb-operator-list-3-wrapper li .bcb-operator-list-3-cta {
  margin: 30px 0 0;
}

.bcb-operator-list-4-wrapper {
  counter-reset: bcb-operator-list-4-rank;
}

.bcb-operator-list-4-wrapper .bcb-operator-list-4 {
  display: block;
}

.bcb-operator-list-4-wrapper .bcb-operator-list-4__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bcb-operator-list-4-wrapper .bcb-operator-list-4__header__left {
  display: flex;
  align-items: center;
}

.bcb-operator-list-4-wrapper .bcb-operator-list-4__header__left-img {
  display: flex;
  align-items: center;
}

.bcb-operator-list-4-wrapper .bcb-operator-list-4__header__left .bcb-counter:before {
  content: counter(bcb-operator-list-4-rank) "";
  counter-increment: bcb-operator-list-4-rank;
}

@media (max-width: 768px) {
  .bcb-operator-list-4-wrapper .bcb-operator-list-4__header__test {
    display: none;
  }
}
.bcb-operator-list-4-wrapper .bcb-operator-list-4__header__middle {
  width: 100%;
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-4-wrapper .bcb-operator-list-4__header__middle {
    margin-left: 10px;
    padding: 0 10px 0 0;
  }
}
.bcb-operator-list-4-wrapper .bcb-operator-list-4__header__right {
  flex: 0 0 140px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-4-wrapper .bcb-operator-list-4__header__right {
    flex: none;
  }
}
.bcb-operator-list-4-wrapper .bcb-operator-list-4__header__right a {
  max-width: 140px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-4-wrapper .bcb-operator-list-4__header__right a span {
    display: none;
  }
}
@media (max-width: 768px) {
  .bcb-operator-list-4-wrapper .bcb-operator-list-4__header__center {
    margin-left: auto;
    margin-right: auto;
  }
}
.bcb-operator-list-4-wrapper .bcb-operator-list-4.operator_single .bcb-operator-list-4__header__left-img {
  margin-left: 0;
}

.bcb-operator-list-4-wrapper .bcb-operator-list-4.operator_single .bcb-operator-list-4__header__left-img:before {
  display: none;
}

.core-has-both-sidebars .bcb-operator-list-4__header__test {
  display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-4__header__left .bcb-counter {
    padding-left: 0;
  }
  .core-has-both-sidebars .bcb-operator-list-4__header__left .bcb-counter:before {
    display: none;
  }
}
.core-has-both-sidebars .bcb-operator-list-4__header__left-img {
  width: 40px;
  height: 40px;
}

.core-has-both-sidebars .bcb-operator-list-4__header__left-operator--name {
  font-size: 14px;
  line-height: 24px;
}

.core-has-both-sidebars .bcb-operator-list-4__header__left-operator--stars svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

.core-has-both-sidebars .bcb-operator-list-4__header__center-score {
  font-size: 24px;
  line-height: 19px;
}

.core-has-both-sidebars .bcb-operator-list-4__header__center-text {
  font-size: 12px;
  line-height: 12px;
}

.bcb__operators_bonus {
  counter-reset: bcb-operator-list-5-rank;
}

.bcb__operators_bonus .bcb-operator-list-5__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bcb__operators_bonus .bcb-operator-list-5__header__left {
  display: flex;
}

.bcb__operators_bonus .bcb-operator-list-5__header__left .bcb-counter:before {
  counter-increment: bcb-operator-list-5-rank;
  content: counter(bcb-operator-list-5-rank) "";
}

.bcb__operators_bonus .bcb-operator-list-5__header__center {
  display: flex;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
  align-items: center;
}

@media (max-width: 991.98px) {
  .bcb__operators_bonus .bcb-operator-list-5__header__center {
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .bcb__operators_bonus .bcb-operator-list-5__header__center-bonus_desc {
    display: none;
  }
}
.bcb__operators_bonus .bcb-operator-list-5__header__right {
  min-width: 140px;
}

@media (max-width: 991.98px) {
  .bcb__operators_bonus .bcb-operator-list-5__header__right {
    min-width: unset;
  }
}
@media (max-width: 991.98px) {
  .bcb__operators_bonus .bcb-operator-list-5__header__right a.btn > span {
    display: none;
  }
}
.bcb__operators_bonus.operator_single .bcb__operator__header__left-img {
  margin-left: 0;
}

.bcb__operators_bonus.operator_single .bcb__operator__header__left-img:before {
  display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-5__header__left .bcb-counter {
    padding-left: 0;
  }
  .core-has-both-sidebars .bcb-operator-list-5__header__left .bcb-counter:before {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-5__header__left-img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-5__header__left-operator--title {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-5__header__left-operator--stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-5__header__center {
    justify-content: center;
  }
}
.core-has-both-sidebars .bcb-operator-list-5__header__center-bonus_desc {
  display: none;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-5__header__right {
    min-width: unset;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-5__header__right a.btn > span {
    display: none;
  }
}
.bcb-operator-list-6-wrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: bcb-operator-list-6-rank;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-banner {
    font-size: 13px;
    line-height: 9px;
  }
}
.bcb-operator-list-6-wrapper .bcb-operator-list-6-item {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item {
    display: block;
  }
}
.bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__wrap .bcb-operator-list-6-bookmaker-rating {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-left: 44px;
}

@media (max-width: 1199.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__wrap .bcb-operator-list-6-bookmaker-rating {
    margin-left: 44px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__wrap .bcb-operator-list-6-bookmaker-rating {
    margin-left: 44px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__wrap .bcb-operator-list-6-bookmaker-rating {
    margin-left: 44px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__wrap .bcb-operator-list-6-bookmaker-rating {
    margin-left: 44px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker {
    display: flex;
    margin-bottom: 20px;
  }
}
.bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__usp {
  display: none;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker__usp {
    display: block;
    margin-left: 20px;
    margin-top: 15px;
  }
}
.bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker .bcb-counter:before {
  counter-increment: bcb-operator-list-6-rank;
  content: counter(bcb-operator-list-6-rank) "";
}

.bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker .bcb-counter .bcb-rectangular-logo {
  margin-right: 0;
}

.bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-description {
  position: relative;
  flex: 1;
  margin-left: 40px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-description {
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-6-wrapper .bcb-operator-list-6-item .bcb-operator-list-6-description {
    width: 100%;
    padding: 0;
  }
}
.bcb-operator-list-6__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bcb-operator-list-6__bottom .bcb-btn {
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-6__bottom .bcb-btn {
    display: block;
    width: 100%;
  }
  .bcb-operator-list-6__bottom .bcb-usp-list {
    display: none;
  }
}
.bcb-operator-list-6-wrapper.operator_single .bcb-operator-list-6-item .bcb-operator-list-6-bookmaker:before {
  display: none;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6-banner {
    font-size: 13px;
    line-height: 9px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6-item {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6__bottom .bcb-btn {
    display: block;
    width: 100%;
  }
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6__bottom .bcb-usp-list {
    display: none;
  }
}
.core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6-description {
  position: relative;
  flex: 1;
  margin-left: 40px;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6-description {
    width: 100%;
    padding: 0;
    margin-left: 0;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6-bookmaker {
    display: flex;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-6-wrapper .bcb-operator-list-6-bookmaker__usp {
    display: block;
    margin-left: 20px;
    margin-top: 15px;
  }
}
.bcb-operator-list-7 {
  display: flex;
}

.bcb-operator-list-7__author {
  padding-left: 20px;
  padding-right: 40px;
  position: absolute;
  overflow-y: hidden;
}

.bcb-operator-list-7__author-name {
  white-space: normal;
  word-break: break-all;
  max-width: 80px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-7__author {
    position: relative;
  }
}
.bcb-operator-list-7__author-img {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.bcb-operator-list-7__author-img img {
  border-radius: 50%;
}

.bcb-operator-list-7__author-btn {
  display: none;
}

.bcb-operator-list-7__author-name {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-7__author-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.bcb-operator-list-7__oh {
  width: 100%;
  padding-left: 60px;
  margin-left: 56px;
}

@media (max-width: 1199.98px) {
  .bcb-operator-list-7__oh {
    margin-left: 56px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-7__oh {
    margin-left: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-7__oh {
    margin-left: 32px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-7__oh {
    margin-left: 32px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-7__oh {
    padding-left: 0;
    margin-left: 0;
  }
}
.bcb-operator-list-7__oh--wrapper {
  display: flex;
  align-items: flex-end;
}

.bcb-operator-list-7__oh__features {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bcb-operator-list-7__oh__features_top {
  display: flex;
  align-items: center;
}

.bcb-operator-list-7__oh__bottom {
  padding-left: 60px;
  margin-left: 56px;
}

@media (max-width: 1199.98px) {
  .bcb-operator-list-7__oh__bottom {
    margin-left: 56px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-7__oh__bottom {
    margin-left: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-7__oh__bottom {
    margin-left: 32px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-7__oh__bottom {
    margin-left: 32px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-7__oh__bottom {
    padding-left: 0;
    margin-left: 0;
  }
}
.bcb-operator-list-7__oh__bottom__pros {
  flex: 0 0 50%;
}

.bcb-operator-list-7__oh__bottom__cta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  flex: 1;
}

.bcb-operator-list-7__oh__bottom__cta a {
  margin-left: 20px;
  text-transform: capitalize;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-7__oh__bottom__cta a span {
    display: none;
  }
}
.bcb-operator-list-7__oh__bottom__cta a.btn-block {
  max-width: 140px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-7__oh__bottom__cta a.btn-block {
    max-width: unset;
    width: unset;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__author {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-list-7__author-img {
    width: 32px;
    height: 32px;
  }
  .core-has-sidebar .bcb-operator-list-7__author-img img {
    border-radius: 50%;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__author-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.core-has-sidebar .bcb-operator-list-7__oh {
  padding-left: 60px;
  margin-left: 56px;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh {
    margin-left: 56px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh {
    margin-left: 56px;
  }
}
@media (max-width: 767.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh {
    margin-left: 32px;
  }
}
@media (max-width: 575.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh {
    margin-left: 32px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh {
    padding-left: 0;
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__features_top-img {
    width: 40px;
    height: 40px;
  }
  .core-has-sidebar .bcb-operator-list-7__oh__features_top-title {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-sidebar .bcb-operator-list-7__oh__features_score svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
.core-has-sidebar .bcb-operator-list-7__oh__bottom {
  padding-left: 60px;
  margin-left: 56px;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom {
    margin-left: 56px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom {
    margin-left: 56px;
  }
}
@media (max-width: 767.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom {
    margin-left: 32px;
  }
}
@media (max-width: 575.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom {
    margin-left: 32px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom {
    padding-left: 0;
    margin-left: 0;
  }
}
.core-has-sidebar .bcb-operator-list-7__oh__bottom__cta a {
  margin-left: 20px;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom__cta a span {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-7__oh__bottom__cta a.btn-block {
    max-width: unset;
    width: unset;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__author {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__author-img {
    width: 32px;
    height: 32px;
  }
  .core-has-both-sidebars .bcb-operator-list-7__author-img img {
    border-radius: 50%;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__author-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.core-has-both-sidebars .bcb-operator-list-7__oh {
  padding-left: 60px;
  margin-left: 56px;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh {
    margin-left: 56px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh {
    margin-left: 56px;
  }
}
@media (max-width: 767.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh {
    margin-left: 32px;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh {
    margin-left: 32px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh {
    padding-left: 0;
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__features_top-img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-7__oh__features_top-title {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-7__oh__features_score svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
.core-has-both-sidebars .bcb-operator-list-7__oh__bottom {
  padding-left: 60px;
  margin-left: 56px;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom {
    margin-left: 56px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom {
    margin-left: 56px;
  }
}
@media (max-width: 767.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom {
    margin-left: 32px;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom {
    margin-left: 32px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom {
    padding-left: 0;
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom__cta a span {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-7__oh__bottom__cta a.btn-block {
    max-width: unset;
    width: unset;
  }
}
.bcb-operator-list-8__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-8__item {
  margin-bottom: 10px;
}

.bcb-operator-list-8__item .bcb-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bcb-operator-list-8__item__winner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.bcb-operator-list-8__item__winner__left {
  display: flex;
  align-items: center;
}

.bcb-operator-list-8__item__winner__right {
  display: flex;
  align-items: center;
}

.bcb-operator-list-8__item__winner__right__text {
  padding-right: 20px;
  padding-left: 8px;
  text-align: right;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-8__item__winner__right__text {
    padding-right: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.bcb-operator-list-8__item__cta a.bcb-btn-outline-secondary {
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-8__item__cta a.bcb-btn {
    display: block;
  }
  .bcb-operator-list-8__item__cta a.bcb-btn-outline-secondary {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media (min-width: 576px) {
  .site-main:not(.core-has-sidebar):not(.core-has-both-sidebars) .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__body {
    display: flex;
  }
  .site-main:not(.core-has-sidebar):not(.core-has-both-sidebars) .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__body .bcb-header-img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
  }
  .site-main:not(.core-has-sidebar):not(.core-has-both-sidebars) .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__body .bcb-container {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
  }
  .site-main:not(.core-has-sidebar):not(.core-has-both-sidebars) .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__img {
    width: 176px;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .core-has-sidebar .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__body {
    display: flex;
  }
  .core-has-sidebar .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__body .bcb-header-img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
  }
  .core-has-sidebar .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__body .bcb-container {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
  }
  .core-has-sidebar .bcb-operator-list-8__item:not(:first-child) .bcb-operator-list-8__item__img {
    width: 176px;
    height: 100%;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-8__item__right__text {
    padding-right: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-8__item__img {
    height: 200px;
  }
}
.core-has-both-sidebars .bcb-operator-list-8__item__winner__left__img {
  width: 40px;
  height: 40px;
}

.core-has-both-sidebars .bcb-operator-list-8__item__winner__left__data {
  font-size: 14px;
  line-height: 24px;
}

.core-has-both-sidebars .bcb-operator-list-8__item__winner__left .bcb__stars svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

.core-has-both-sidebars .bcb-operator-list-8__item__cta a.bcb-btn-outline-secondary.bcb-btn {
  margin-left: 0;
}

.core-has-both-sidebars .bcb-operator-list-8__item__cta a.bcb-btn {
  margin-left: 10px;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-8__item__cta a.bcb-btn {
    margin-left: 0;
    display: block;
  }
  .core-has-both-sidebars .bcb-operator-list-8__item__cta a.bcb-btn-outline-secondary.bcb-btn {
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }
}
.bcb-operator-list-9__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-9__item {
  margin-bottom: 10px;
}

.bcb-operator-list-9__item__winner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.bcb-operator-list-9__item__winner__left {
  display: flex;
  align-items: center;
}

.bcb-operator-list-9__item__winner__right {
  display: flex;
  align-items: center;
}

.bcb-operator-list-9__item__winner__right__text {
  padding-right: 20px;
  padding-left: 8px;
  text-align: right;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-9__item__winner__right__text {
    padding-right: 8px;
    font-size: 14px;
    line-height: 20px;
    max-width: 100px;
  }
}
.bcb-operator-list-9__item__cta a.bcb-btn-outline-secondary {
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-9__item__cta a.bcb-btn {
    display: block;
  }
  .bcb-operator-list-9__item__cta a.bcb-btn-outline-secondary {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }
}
@media (min-width: 576px) {
  .site-main:not(.core-has-sidebar):not(.core-has-both-sidebars) .bcb-operator-list-9__item:not(:first-child) .bcb-operator-list-9__item__body {
    display: flex;
  }
  .site-main:not(.core-has-sidebar):not(.core-has-both-sidebars) .bcb-operator-list-9__item:not(:first-child) .bcb-operator-list-9__item__img {
    flex: 0 0 176px;
    height: auto;
  }
}
@media (min-width: 992px) {
  .core-has-sidebar .bcb-operator-list-9__item:not(:first-child) .bcb-operator-list-9__item__body {
    display: flex;
  }
  .core-has-sidebar .bcb-operator-list-9__item:not(:first-child) .bcb-operator-list-9__item__img {
    flex: 0 0 176px;
    height: auto;
  }
}
@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-9__item__img {
    height: 200px;
  }
}
.core-has-sidebar .bcb-operator-list-9__item__cta a.bcb-btn {
  margin-left: 10px;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-9__item__cta a.bcb-btn {
    margin-left: 0;
    display: block;
  }
  .core-has-sidebar .bcb-operator-list-9__item__cta a.bcb-btn-outline-secondary {
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-9__item__img {
    height: 200px;
  }
}
.core-has-both-sidebars .bcb-operator-list-9__item__winner__left__img {
  width: 40px;
  height: 40px;
}

.core-has-both-sidebars .bcb-operator-list-9__item__winner__left__data {
  font-size: 14px;
  line-height: 24px;
}

.core-has-both-sidebars .bcb-operator-list-9__item__winner__left .bcb__stars svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

.core-has-both-sidebars .bcb-operator-list-9__item__cta a.bcb-btn {
  margin-left: 10px;
}

.core-has-both-sidebars .bcb-operator-list-9__item__cta a.bcb-btn-outline-secondary.bcb-btn {
  margin-left: 0;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-9__item__cta a.bcb-btn {
    margin-left: 0;
    display: block;
  }
  .core-has-both-sidebars .bcb-operator-list-9__item__cta a.bcb-btn-outline-secondary {
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }
}
.bcb-operator-list-10__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-10__item {
  margin-bottom: 10px;
  overflow: hidden;
}

.bcb-operator-list-10__operator {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.bcb-operator-list-10__operator__info {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}

.bcb-operator-list-10__body {
  display: flex;
  padding-bottom: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-10__body {
    flex-direction: column;
  }
}
.bcb-operator-list-10__body__desc {
  margin-right: 10px;
  width: 100%;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-10__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.bcb-operator-list-10__body__pros {
  flex: 0 0 35%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-10__body__pros {
    flex: 0 0 100%;
  }
}
.bcb-operator-list-10__down {
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.bcb-operator-list-10__down__text {
  margin-bottom: 10px;
}

.bcb-operator-list-10__down .bcb-container {
  border-radius: 0;
  border-top: 1px solid #ccc;
}

.bcb-operator-list-10__down__cta {
  display: flex;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-10__down__cta--aflink {
    margin-top: 10px;
  }
}
.bcb-operator-list-10__down__cta .bcb-btn-outline-secondary {
  margin-right: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-10__down__cta .bcb-btn-outline-secondary {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-10__down__cta .bcb-btn {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-10__down__cta {
    flex-direction: column;
    padding-top: 0;
  }
}
.core-has-sidebar .bcb-operator-list-10 {
  color: red !important;
}

.core-has-sidebar .bcb-operator-list-10__operator__info__img {
  width: 40px;
  height: 40px;
}

.core-has-sidebar .bcb-operator-list-10__body {
  flex-direction: column;
}

.core-has-sidebar .bcb-operator-list-10__body__desc {
  margin-right: 0;
}

.core-has-sidebar .bcb-operator-list-10__body__pros {
  flex: 0 0 100%;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__operator__info__img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-10__operator__info__data .bcb-operator-title {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-10__operator__info__data .bcb__stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__body {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__body__pros {
    flex: 0 0 100%;
  }
}
.core-has-both-sidebars .bcb-operator-list-10__down__cta {
  padding-top: 0;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__down__cta {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__down__cta .bcb-btn-outline-secondary {
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__down__cta .bcb-btn {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-10__down__cta {
    flex-direction: column;
  }
}
.bcb-operator-list-11__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-11__item {
  margin-bottom: 10px;
  overflow: hidden;
}

.bcb-operator-list-11__operator {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-11__operator .bcb-sub-title {
    text-align: right;
  }
}
.bcb-operator-list-11__operator_cta {
  text-align: center;
}

.bcb-operator-list-11__operator__info {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
  margin-bottom: 20px;
}

.bcb-operator-list-11__body {
  display: flex;
  padding-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}

.bcb-operator-list-11__body .bcb-collapse[aria-expanded=true] .hide {
  margin-right: 0;
  margin-left: 5px;
}

.bcb-operator-list-11__body .bcb-collapse[aria-expanded=false] .show {
  margin-right: 0;
  margin-left: 5px;
}

.bcb-operator-list-11__body__desc {
  margin-right: 10px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-11__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.bcb-operator-list-11__body__pros {
  flex: 0 0 35%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-11__body__pros {
    flex: 0 0 100%;
  }
}
.bcb-operator-list-11__down {
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.bcb-operator-list-11__down .bcb-container {
  border-radius: 0;
  border-top: 1px solid #ccc;
}

.bcb-operator-list-11__down__cta {
  display: flex;
  padding-top: 20px;
}

.bcb-operator-list-11__down__cta .btn-primary {
  margin-left: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-11__down__cta .btn-primary {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-11__down__cta .btn {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-11__down__cta {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-11__operator__info__img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-11__operator__info__data .bcb-operator-title {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-11__operator__info__data .bcb__stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
  .core-has-both-sidebars .bcb-operator-list-11__operator .bcb-sub-title {
    text-align: right;
    flex: 0 0 50%;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-11__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-11__body__pros {
    flex: 0 0 100%;
  }
}
.core-has-both-sidebars .bcb-operator-list-11__down__cta .btn-primary {
  margin-left: 20px;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-11__down__cta .btn-primary {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-11__down__cta .btn {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-11__down__cta {
    flex-direction: column;
  }
}
.bcb-operator-list-12__title.bcb-container {
  border-bottom: 1px solid #ccd0d1;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bcb-operator-list-12__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.bcb-operator-list-12__list .bcb-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.bcb-operator-list-12__list__item > a {
  display: flex;
  justify-content: space-between;
}

.bcb-operator-list-12__list__item > a:hover {
  text-decoration: none;
}

.bcb-operator-list-12__list__item__operator {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: left;
  position: relative;
}

.bcb-operator-list-12__list__item__medal {
  display: inline-block;
  vertical-align: middle;
  margin: auto 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nNTYnIHdpZHRoPSc1Nic+PGNpcmNsZSBjeD0nMjgnIGN5PScyOCcgcj0nMjgnIGZpbGw9J2dyYXknIC8+PC9zdmc+) center center no-repeat;
  background-size: contain;
}

.bcb-operator-list-12__list .bcb-arrow {
  margin: auto 0 auto 20px;
}

.bcb-operator-list-13__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-13__item {
  margin-bottom: 10px;
}

.bcb-operator-list-13__item a {
  text-decoration: none;
}

.bcb-operator-list-13__item__operator {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
  margin-bottom: 20px;
}

.bcb-operator-list-14__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-14__item {
  margin-bottom: 10px;
  overflow: hidden;
}

.bcb-operator-list-14__operator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bcb-operator-list-14__operator--left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-right: 20px;
}

.bcb-operator-list-14__operator--right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 35%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-14__operator--right {
    flex: unset;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-14__operator .bcb-score {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-14__operator__review {
    display: none;
  }
}
.bcb-operator-list-14__operator__info {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}

.bcb-operator-list-14__operator__cta {
  margin-left: 20px;
}

.bcb-operator-list-14__operator__review {
  margin-left: auto;
}

.bcb-operator-list-14__body {
  display: flex;
  padding-bottom: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-14__body {
    flex-direction: column;
  }
}
.bcb-operator-list-14__body__desc {
  margin-right: 20px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-14__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.bcb-operator-list-14__body__desc--spins {
  margin-top: 20px;
}

.bcb-operator-list-14__body__pros {
  flex: 0 0 35%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-14__body__pros {
    flex: 0 0 100%;
  }
}
.bcb-operator-list-14__down {
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.bcb-operator-list-14__down .bcb-container {
  border-radius: 0;
  border-top: 1px solid #ccc;
}

.bcb-operator-list-14__down__info {
  margin: 20px 0;
}

.bcb-operator-list-14__down__info--item {
  display: inline-block;
  margin-right: 20px;
}

.bcb-operator-list-14__down__info--item > div {
  display: flex;
  align-items: center;
}

.bcb-operator-list-14__down__info--item .bcb-icon {
  margin-right: 10px;
}

.bcb-operator-list-14__down__data {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  row-gap: 20px;
}

.bcb-operator-list-14__down__data > div:last-child {
  margin-bottom: 20px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-14__down__data {
    grid-template-columns: 1fr;
  }
}
.bcb-operator-list-14__down__data--item {
  display: inline-block;
  margin-right: 20px;
}

.bcb-operator-list-14__down__data--item > span {
  font-weight: 700;
  margin-right: 10px;
}

.bcb-operator-list-14__down__cta {
  display: flex;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-14__down__cta--aflink {
    margin-top: 10px;
  }
}
.bcb-operator-list-14__down__cta .bcb-btn-outline-secondary {
  margin-right: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-14__down__cta .bcb-btn-outline-secondary {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-14__down__cta .bcb-btn {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-14__down__cta {
    flex-direction: column;
    padding-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__operator__info__img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-14__operator__info__data .bcb-operator-title {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-14__operator__info__data .bcb__stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
  .core-has-both-sidebars .bcb-operator-list-14__operator__score {
    display: none;
  }
  .core-has-both-sidebars .bcb-operator-list-14__operator__review {
    display: none;
  }
  .core-has-both-sidebars .bcb-operator-list-14--right {
    flex: unset;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__body {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__body__pros {
    flex: 0 0 100%;
  }
}
.core-has-both-sidebars .bcb-operator-list-14__down__data {
  grid-template-columns: 1fr;
}

.core-has-both-sidebars .bcb-operator-list-14__down__cta {
  padding-top: 0;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__down__cta {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__down__cta .bcb-btn-outline-secondary {
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__down__cta .bcb-btn {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-14__down__cta {
    flex-direction: column;
  }
}
.bcb-operator-list-15__operator {
  padding-top: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-15__operator {
    padding-top: 0;
    margin-right: auto;
    display: flex;
    flex-direction: column;
  }
}
.bcb-operator-list-15__operator .bcb-rectangular-logo {
  margin-right: 0;
  margin-bottom: 10px;
}

.bcb-operator-list-15__operator__stars {
  margin-bottom: 40px;
}

.bcb-operator-list-15__operator__stars .bcb__stars {
  justify-content: center;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-15__operator__stars {
    margin-bottom: 0;
    display: inline-block;
  }
}
.bcb-operator-list-15__review {
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-15__review {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.bcb-operator-list-15__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-15__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
}
.bcb-operator-list-15__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bcb-operator-list-15__card > a {
  margin-top: auto;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-15__card > a {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-15__card {
    flex-direction: row;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-15__card a.btn-block {
    display: inline-block;
    width: unset;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__operator {
    padding-top: 0;
    margin-right: auto;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__operator__stars {
    margin-bottom: 0;
    display: inline-block;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__review {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__card > a {
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__card {
    flex-direction: row;
  }
}
@media (max-width: 575.98px) {
  .core-has-both-sidebars .bcb-operator-list-15__card a.btn-block {
    display: inline-block;
    width: unset;
  }
}
.bcb-operator-list-16 {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  counter-reset: bcb-operator-list-2-rank;
}

.bcb-operator-list-16 td {
  border: none;
}

.bcb-operator-list-16 th {
  border: none;
}

.bcb-operator-list-16__item {
  background-color: #e9ecef;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-16__item table {
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
    border-collapse: separate;
  }
}
.bcb-operator-list-16__item td:first-child {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1199.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-left: 20px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-top: 20px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item td:first-child {
    padding-left: 8px;
  }
}
.bcb-operator-list-16__item td:not(:first-child) {
  padding: 5px 0 10px;
}

.bcb-operator-list-16__item td:last-child {
  padding: 10px;
  width: 188px;
}

@media (max-width: 575.98px) {
  .bcb-operator-list-16__item td:last-child {
    padding: 8px;
  }
}
.bcb-operator-list-16__item__operator--wrapper {
  width: 250px;
  position: relative;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__operator--wrapper {
    width: auto;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-list-16__item__operator--wrapper {
    float: left;
    display: block;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__operator--wrapper .bcb-counter {
    padding-left: 0;
  }
}
.bcb-operator-list-16__item__operator--wrapper .bcb-counter:before {
  counter-increment: bcb-operator-list-2-rank;
  content: counter(bcb-operator-list-2-rank) "";
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__operator--wrapper .bcb-counter:before {
    display: none;
  }
}
.operator_single .bcb-operator-list-16__item__operator--wrapper {
  padding: 10px 0 10px 10px;
}

.operator_single .bcb-operator-list-16__item__operator--wrapper:before {
  display: none;
}

.bcb-operator-list-16__item__operator {
  display: flex;
  align-items: center;
  position: relative;
}

.bcb-operator-list-16__item__test {
  width: 200px;
  padding-left: 40px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__test {
    display: none;
  }
}
.bcb-operator-list-16__item__bonus {
  text-align: right;
}

.bcb-operator-list-16__item__bonus a {
  display: none;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__bonus a {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__bonus {
    text-align: center;
  }
}
.bcb-operator-list-16__item__review {
  text-align: right;
}

.bcb-operator-list-16__item__review a {
  padding-right: 10px;
  padding-left: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__review {
    display: none;
  }
}
.bcb-operator-list-16__item__cta {
  text-align: right;
  width: 156px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-16__item__cta {
    display: block;
    width: 100% !important;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.bcb-operator-list-16__item__cta a.bcb-btn {
  width: 140px;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-16__item__cta a.bcb-btn {
    display: block;
    width: 100%;
  }
  .bcb-operator-list-16__item__cta a.bcb-btn span {
    display: none;
  }
}
.bcb-operator-list-16__item__mobile-apps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bcb-operator-list-16__item__mobile-apps.mobile-fix {
  padding: 0 !important;
}

@media (max-width: 575.98px) {
  .bcb-operator-list-16__item__mobile-apps {
    display: block;
    float: right;
    width: auto;
    margin-left: 2px;
  }
}
.bcb-operator-list-16__item__mobile-apps--app {
  margin-right: 20px;
  width: 66px;
  text-align: center;
  padding-top: 15px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__mobile-apps--app {
    margin-right: 8px;
    float: left;
    width: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__mobile-apps--app.ios-app {
    width: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__mobile-apps--app.android-app {
    width: 42px;
  }
}
.bcb-operator-list-16__item__mobile-apps--app span {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 24px;
  position: relative;
  display: block;
}

@media (max-width: 575.98px) {
  .bcb-operator-list-16__item__mobile-apps--app span {
    height: 20px;
  }
}
.bcb-operator-list-16__item__mobile-apps--app mark {
  display: block;
  background: 0 0;
  margin-top: 6px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-16__item__mobile-apps--app mark {
    font-size: 10px;
  }
}
.bcb-operator-list-16__item__mobile-apps--ios {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNi44NDYnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAxNi44NDYgMjAnPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiM2Yzc1N2Q7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSdhJyBkPSdNMTYuNDkzLDE1LjU4N2ExMC44NzMsMTAuODczLDAsMCwxLTEuMDc1LDEuOTMzLDkuODIyLDkuODIyLDAsMCwxLTEuMzg1LDEuNjc0LDIuNjg3LDIuNjg3LDAsMCwxLTEuNzguNzg0LDQuNDYyLDQuNDYyLDAsMCwxLTEuNjQ0LS4zOTMsNC43MTgsNC43MTgsMCwwLDAtMS43Ny0uMzkxLDQuODc4LDQuODc4LDAsMCwwLTEuODIuMzkxQTQuOSw0LjksMCwwLDEsNS40NDUsMjBhMi41MywyLjUzLDAsMCwxLTEuODItLjgsMTAuMzE0LDEwLjMxNCwwLDAsMS0xLjQ0OS0xLjczM0ExMS45ODcsMTEuOTg3LDAsMCwxLC42NDMsMTQuNDE3LDExLjE0MywxMS4xNDMsMCwwLDEsMCwxMC43OTEsNi42MjMsNi42MjMsMCwwLDEsLjg3LDcuMzI2LDUuMSw1LjEsMCwwLDEsMi42OTEsNS40ODNhNC45LDQuOSwwLDAsMSwyLjQ2My0uNjk1LDUuOCw1LjgsMCwwLDEsMS45LjQ0Myw2LjEyMyw2LjEyMywwLDAsMCwxLjUxMS40NDQsOS4wNCw5LjA0LDAsMCwwLDEuNjc1LS41MjMsNS41MzcsNS41MzcsMCwwLDEsMi4yNzctLjQsNC44MzUsNC44MzUsMCwwLDEsMy43ODgsMS45OTQsNC4yMTMsNC4yMTMsMCwwLDAtMi4yMzUsMy44MjcsNC4yMjIsNC4yMjIsMCwwLDAsMS4zODYsMy4xODEsNC41NTYsNC41NTYsMCwwLDAsMS4zODUuOTA5cS0uMTY3LjQ4My0uMzUzLjkyN1pNMTIuNjM0LjRBNC4yNjcsNC4yNjcsMCwwLDEsMTEuNTQsMy4yYTMuNzI2LDMuNzI2LDAsMCwxLTMuMSwxLjUyOCwzLjExNCwzLjExNCwwLDAsMS0uMDIzLS4zNzlBNC4zODQsNC4zODQsMCwwLDEsOS41ODIsMS41Miw0LjQ2Nyw0LjQ2NywwLDAsMSwxMSwuNDU5LDQuMjE1LDQuMjE1LDAsMCwxLDEyLjYxMywwYTMuNjMzLDMuNjMzLDAsMCwxLC4wMjEuNFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgLTAuMDAxKScvPjwvc3ZnPg==);
}

.bcb-operator-list-16__item__mobile-apps--android {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIwIDIwJz48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO30uYntmaWxsOiM2Yzc1N2Q7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSdhJyBkPSdNMCwwSDIwVjIwSDBaJy8+PHBhdGggY2xhc3M9J2InIGQ9J001LjIsMTVhLjgyLjgyLDAsMCwwLC44LjgzM2guOFYxOC43NWExLjIsMS4yLDAsMSwwLDIuNCwwVjE1LjgzM2gxLjZWMTguNzVhMS4yLDEuMiwwLDEsMCwyLjQsMFYxNS44MzNIMTRBLjgyLjgyLDAsMCwwLDE0LjgsMTVWNi42NjdINS4yWm0tMi04LjMzM0ExLjIyNCwxLjIyNCwwLDAsMCwyLDcuOTE3VjEzLjc1QTEuMjI0LDEuMjI0LDAsMCwwLDMuMiwxNWExLjIyNCwxLjIyNCwwLDAsMCwxLjItMS4yNVY3LjkxN0ExLjIyNCwxLjIyNCwwLDAsMCwzLjIsNi42NjdabTEzLjYsMGExLjIyNCwxLjIyNCwwLDAsMC0xLjIsMS4yNVYxMy43NWExLjIsMS4yLDAsMSwwLDIuNCwwVjcuOTE3QTEuMjI0LDEuMjI0LDAsMCwwLDE2LjgsNi42NjdaTTEyLjgyNCwxLjgsMTMuODY0LjcxN2EuNDI1LjQyNSwwLDAsMCwwLS41OTIuMzg1LjM4NSwwLDAsMC0uNTY4LDBMMTIuMTEyLDEuMzU4QTQuNTIxLDQuNTIxLDAsMCwwLDEwLC44MzNhNC41ODUsNC41ODUsMCwwLDAtMi4xMjguNTI1TDYuNjguMTI1YS4zODUuMzg1LDAsMCwwLS41NjgsMCwuNDI1LjQyNSwwLDAsMCwwLC41OTJMNy4xNiwxLjgwOEE1LjA1NSw1LjA1NSwwLDAsMCw1LjIsNS44MzNoOS42QTUuMDM4LDUuMDM4LDAsMCwwLDEyLjgyNCwxLjhaTTguNCw0LjE2N0g3LjZWMy4zMzNoLjhabTQsMGgtLjhWMy4zMzNoLjhaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIDApJy8+PC9zdmc+);
}

.bcb-operator-list-16__item__mobile-apps--windows {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nIzZjNzU3ZCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLXdpbmRvd3MnPjxyZWN0IHdpZHRoPScyMCcgaGVpZ2h0PScyMCcvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGlkPSd3aW5kb3dzJyBjbGlwLXBhdGg9J3VybCgjY2xpcC13aW5kb3dzKSc+PHBhdGggaWQ9J3dpbmRvd3MtYnJhbmRzJyBkPSdNMCwzNC43NTRsOC4yLTEuMTI5djcuOTJIMFpNMCw0OS4yNDZsOC4yLDEuMTI5VjQyLjU1NEgwWk05LjEsNTAuNSwyMCw1MlY0Mi41NTRIOS4xWk05LjEsMzMuNXY4LjA0SDIwVjMyTDkuMSwzMy41WicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMCAtMzIpJy8+PC9nPjwvc3ZnPgo=);
}

.bcb-operator-list-16__item__mobile-apps--blackberry {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjgnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyOCAyMCcgZmlsbD0nIzZjNzU3ZCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLWJsYWNrYmVycnknPjxyZWN0IHdpZHRoPScyOCcgaGVpZ2h0PScyMCcvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGlkPSdibGFja2JlcnJ5JyBjbGlwLXBhdGg9J3VybCgjY2xpcC1ibGFja2JlcnJ5KSc+PHBhdGggaWQ9J2JsYWNrYmVycnktYnJhbmRzJyBkPSdNOS4wOCw3OS40MmMwLDEuMzA5LS45LDIuNzQ2LTMuOTY2LDIuNzQ2SDEuMjhMMi40MjksNzcuMkg2LjEzN0M4LjQ0LDc3LjIsOS4wOCw3OC41LDkuMDgsNzkuNDJabTYuOS0yLjIySDEyLjI3NGwtMS4wMjMsNC45NjZoMy44MzRjMi45NDMsMCwzLjgzNC0xLjQzNywzLjgzNC0yLjc0Ni4wMDUtLjkxNy0uNjM0LTIuMjItMi45MzctMi4yMlpNNC44NTcsODQuNTIxSDEuMTQ5TDAsODkuNDg3SDMuODM0YzMuMDY5LDAsMy45NjYtMS4zMDksMy45NjYtMi43NDZDNy44LDg1LjgzLDcuMTYsODQuNTIxLDQuODU3LDg0LjUyMVptOS44NTEsMEgxMUw5Ljk3Nyw4OS40ODdoMy44MzRjMi45NDMsMCwzLjgzNC0xLjMwOSwzLjgzNC0yLjc0NkMxNy42NDYsODUuODMsMTcuMDA2LDg0LjUyMSwxNC43MDgsODQuNTIxWm0xMC4zNTQtMy4wMDlIMjEuMzU0bC0xLjAyMyw0Ljk2NmgzLjgzNGMyLjk0MywwLDMuODM0LTEuMzA5LDMuODM0LTIuNzQ2QzI4LjAwNSw4Mi44MjEsMjcuMzY1LDgxLjUxMiwyNS4wNjMsODEuNTEyWm0tMS41MzIsNy43MTNIMTkuODIzTDE4LjgsOTQuMTkxaDMuODM0YzMuMDY5LDAsMy44MzQtMS4zMDksMy44MzQtMi43NDZDMjYuNDY4LDkwLjUzMywyNS44MzQsODkuMjI1LDIzLjUzMSw4OS4yMjVabS0xMC4zNiwzLjAwOUg5LjQ2M0w4LjQ0LDk3LjJoMy44MzRjMy4wNjksMCwzLjgzNC0xLjQzNywzLjgzNC0yLjc0Ni4wMDUtLjkxMi0uNjM0LTIuMjItMi45MzctMi4yMlonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgLTc3LjIpJy8+PC9nPjwvc3ZnPgo=);
}

.operator_single .bcb-operator-list-16__item td:first-child {
  padding: 10px 0 10px 10px;
}

@media (max-width: 767.98px) {
  .operator_single .bcb-operator-list-16__item td:first-child {
    padding-left: 10px;
  }
}
.core-has-sidebar .bcb-operator-list-2__item__test {
  width: 170px;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-2__item__test {
    display: none;
  }
}
.core-has-both-sidebars .bcb-operator-list-2__item__bonus {
  text-align: center;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-2__item__bonus {
    padding-right: 8px;
  }
}
.core-has-both-sidebars .bcb-operator-list-2__item__bonus .bcb-bonus {
  font-size: 24px;
  line-height: 40px;
}

.core-has-both-sidebars .bcb-operator-list-2__item__bonus a {
  display: block;
}

.core-has-both-sidebars .bcb-operator-list-2__item__review {
  display: none;
}

.core-has-both-sidebars .bcb-operator-list-2__item__test {
  width: 170px;
  display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-2__item__operator .bcb-counter {
    padding-left: 0;
  }
  .core-has-both-sidebars .bcb-operator-list-2__item__operator .bcb-counter:before {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-list-2__item__operator__img {
    width: 40px;
    height: 40px;
  }
  .core-has-both-sidebars .bcb-operator-list-2__item__operator__data__name {
    font-size: 14px;
    line-height: 24px;
  }
  .core-has-both-sidebars .bcb-operator-list-2__item__operator__data__stars svg {
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
.bcb-operator-list-17__list {
  padding: 0;
}

.bcb-operator-list-17__item {
  overflow: hidden;
  margin-bottom: 10px;
}

.bcb-operator-list-17 .bcb-operator-list-17-header .bcb-operator-list-17__operator {
  padding: 5px 15px;
  border-radius: 4px;
  display: table;
  width: 100%;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__logo .bcb-rectangular-logo {
  margin: 0;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText {
  text-align: right;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText .bcb-right-arrow-down {
  background: 0 0;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText .bcb-right-arrow-down svg {
  vertical-align: top;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText .bcb-collapse {
  color: #fff;
  text-decoration: none;
  width: 100%;
  justify-content: flex-end;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText .bcb-collapse[aria-expanded=true] .bcb-right-arrow-down {
  transform: rotate(180deg);
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText .bcb-collapse span {
  height: auto;
  line-height: 1em;
  padding: 10px;
  margin: 0;
  width: calc(100% - 34px);
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText .bcb-collapse--dark {
  color: #333;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__logo, .bcb-operator-list-17 .bcb-operator-list-17-header__clickText {
  display: table-cell;
  vertical-align: middle;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__logo {
  width: 30%;
}

.bcb-operator-list-17 .bcb-operator-list-17-header__clickText {
  width: 70%;
}

.bcb-operator-list-17 .bcb-operator-list-17-content {
  color: #333;
}

.bcb-operator-list-17 .bcb-operator-list-17-content__cta {
  text-align: right;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-17 .bcb-operator-list-17-content__cta {
    text-align: center;
    width: 100%;
  }
  .bcb-operator-list-17 .bcb-operator-list-17-content__cta .bcb-btn {
    width: 100%;
  }
}
.bcb-operator-list-17 .bcb-operator-list-17-content__header, .bcb-operator-list-17 .bcb-operator-list-17-content__text, .bcb-operator-list-17 .bcb-operator-list-17-content__cta {
  margin-top: 8px;
  margin-bottom: 8px;
}

.bcb-operator-list-18__list {
  padding: 0;
}

.bcb-operator-list-18__item {
  overflow: hidden;
  margin-bottom: 10px;
}

.bcb-operator-list-18 .bcb-operator-list-18-header .bcb-operator-list-18__operator {
  padding: 5px 15px;
  border-radius: 4px;
  display: table;
  width: 100%;
}

.bcb-operator-list-18 .bcb-operator-list-18-header__logo .bcb-rectangular-logo {
  margin: 0;
}

.bcb-operator-list-18 .bcb-operator-list-18-header__clickText {
  text-align: right;
}

.bcb-operator-list-18 .bcb-operator-list-18-header__clickText .bcb-collapse {
  color: #fff;
  text-decoration: none;
  width: 100%;
  justify-content: flex-end;
}

.bcb-operator-list-18 .bcb-operator-list-18-header__clickText .bcb-collapse[aria-expanded=true] .bcb-right-arrow-down {
  transform: rotate(180deg);
}

.bcb-operator-list-18 .bcb-operator-list-18-header__clickText .bcb-collapse span {
  height: auto;
}

.bcb-operator-list-18 .bcb-operator-list-18-header__clickText .bcb-collapse--dark {
  color: #333;
}

.bcb-operator-list-18 .bcb-operator-list-18-header__logo, .bcb-operator-list-18 .bcb-operator-list-18-header__clickText {
  display: table-cell;
  width: 49%;
  vertical-align: middle;
}

.bcb-operator-list-18 .bcb-operator-list-18-content {
  color: #333;
}

.bcb-operator-list-18 .bcb-operator-list-18-content__cta {
  text-align: right;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-18 .bcb-operator-list-18-content__cta {
    text-align: center;
    width: 100%;
  }
  .bcb-operator-list-18 .bcb-operator-list-18-content__cta .bcb-btn {
    width: 100%;
  }
}
.bcb-operator-list-18 .bcb-operator-list-18-content__header, .bcb-operator-list-18 .bcb-operator-list-18-content__text, .bcb-operator-list-18 .bcb-operator-list-18-content__cta {
  margin-top: 8px;
  margin-bottom: 8px;
}

.bcb-operator-list-19__list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.bcb-operator-list-19__item {
  margin-bottom: 10px;
  overflow: hidden;
}

.bcb-operator-list-19__operator {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__operator {
    flex-wrap: wrap;
  }
}
.bcb-operator-list-19__operator__container {
  display: flex;
  flex: 0 0 65%;
  justify-content: space-between;
  padding-right: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__operator__container {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.bcb-operator-list-19__operator__container__info {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}

.bcb-operator-list-19__operator__bonuscode {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 35%;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__operator__bonuscode {
    flex: 0 0 100%;
  }
}
.bcb-operator-list-19__operator__bonuscode .bonus-container {
  display: flex;
}

@media (max-width: 991.98px) {
  .bcb-operator-list-19__operator__bonuscode .bonus-container {
    width: 100%;
  }
}
.bcb-operator-list-19__operator__bonuscode .bonus-container .bcb-bonus-input {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0;
  width: 50%;
}

.bcb-operator-list-19__operator__bonuscode .bonus-container .bcb-bonus-input + .bcb_counter_btn {
  width: 50%;
}

.bcb-operator-list-19__operator__bonuscode .register {
  font-size: 15px;
  margin-top: 10px;
}

.bcb-operator-list-19__body {
  display: flex;
  padding-bottom: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__body {
    flex-direction: column;
    margin-top: 10px;
  }
}
.bcb-operator-list-19__body__desc {
  margin-right: 10px;
  width: 100%;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__body__desc {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.bcb-operator-list-19__body__pros {
  flex: 0 0 35%;
  margin-top: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__body__pros {
    flex: 0 0 100%;
  }
}
.bcb-operator-list-19__down.bcb-have-usp {
  max-width: 65%;
  padding-right: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-list-19__down.bcb-have-usp {
    max-width: 100%;
    padding-right: 0;
  }
}
.bcb-operator-list-19__review {
  margin-top: 20px;
}

.bcb-operator-list-19 .bcb-operator__primary-tc li {
  float: left;
  margin-left: 0;
  padding-right: 20px;
  display: block;
  width: auto;
  font-weight: 400;
}

@media (max-width: 1199.98px) {
  .core-has-sidebar .bcb-operator-list-19__operator {
    flex-wrap: wrap;
  }
  .core-has-sidebar .bcb-operator-list-19__operator__container {
    flex: 0 0 100%;
    padding-right: 0;
  }
  .core-has-sidebar .bcb-operator-list-19__operator__bonuscode {
    flex: 0 0 100%;
  }
  .core-has-sidebar .bcb-operator-list-19__operator .bonus-container {
    width: 100%;
  }
  .core-has-sidebar .bcb-operator-list-19__operator__info__img {
    width: 40px;
    height: 40px;
  }
}
.core-has-sidebar .bcb-operator-list-19__body {
  flex-direction: row;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-list-19__body {
    flex-direction: column;
    margin-top: 10px;
  }
  .core-has-sidebar .bcb-operator-list-19__body__desc {
    margin-right: 0;
  }
}
.core-has-sidebar .bcb-operator-list-19__body__pros {
  flex: 0 0 35%;
}

.core-has-both-sidebars .bcb-operator-list-19__operator {
  flex-wrap: wrap;
}

.core-has-both-sidebars .bcb-operator-list-19__operator__container {
  flex: 0 0 100%;
  padding-right: 0;
}

.core-has-both-sidebars .bcb-operator-list-19__operator__bonuscode {
  flex: 0 0 100%;
}

.core-has-both-sidebars .bcb-operator-list-19__operator .bonus-container {
  width: 100%;
}

.core-has-both-sidebars .bcb-operator-list-19__operator__info__img {
  width: 40px;
  height: 40px;
}

.core-has-both-sidebars .bcb-operator-list-19__body {
  flex-direction: row;
  flex-direction: column;
  margin-top: 10px;
}

.core-has-both-sidebars .bcb-operator-list-19__body__desc {
  margin-right: 0;
}

.core-has-both-sidebars .bcb-operator-list-19__body__pros {
  flex: 0 0 35%;
}

.bcb-odds-1 {
  margin-bottom: 20px;
}

.bcb-odds-1 table {
  width: 100%;
  background-color: #e9ecef;
  margin: 0;
}

.bcb-odds-1 table td {
  border: none;
}

.bcb-odds-1 table th {
  border: none;
}

@media (max-width: 767.98px) {
  .bcb-odds-1 table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.bcb-odds-1 table tr > td {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bcb-odds-1 table tr > td {
    order: 2;
    width: 100%;
    padding: 0 20px 20px;
  }
}
.bcb-odds-1 table tr:not(:last-of-type) > td {
  border-bottom: 1px solid #ccc;
}

.bcb-odds-1 table tr > td:first-child {
  width: 256px;
  padding-left: 20px;
}

@media (max-width: 767.98px) {
  .bcb-odds-1 table tr > td:first-child {
    order: 1;
    width: unset;
    flex: 1;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 20px 20px 0;
  }
}
.bcb-odds-1 table tr > td:last-child {
  text-align: right;
  padding-right: 20px;
  width: 168px;
}

@media (max-width: 767.98px) {
  .bcb-odds-1 table tr > td:last-child {
    order: 1;
    border-bottom: none;
    width: unset;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .bcb-odds-1 table tr > td:last-child a > span {
    display: none;
  }
}
.bcb-odds-1__headline {
  background-color: #e9ecef;
  padding: 0 20px;
  margin: 0;
}

.bcb-odds-1__market {
  background-color: #e9ecef;
  padding: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.bcb-odds-1__operator {
  display: flex;
  align-items: center;
}

.bcb-odds-1__operator__data--title {
  font-weight: 700;
}

.bcb-odds-1__outcome {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .bcb-odds-1__outcome {
    margin-top: 20px;
  }
}
.bcb-odds-1__outcome > div {
  padding-right: 20px;
}

.bcb-odds-1__outcome--odd {
  font-weight: 700;
}

.bcb-odds-1__description {
  background-color: #e9ecef;
  padding: 0 20px 20px;
  text-align: justify;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (max-width: 991.98px) {
  .core-has-sidebar__outcome {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-1 table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-1 table tr > td {
    order: 2;
    width: 100%;
    padding: 0 20px 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-1 table tr > td:first-child {
    order: 1;
    width: unset;
    flex: 1;
    border-bottom: none;
    padding: 20px 20px 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-1 table tr > td:last-child {
    order: 1;
    border-bottom: none;
    width: unset;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .core-has-sidebar .bcb-odds-1 table tr > td:last-child a > span {
    display: none;
  }
}
.core-has-both-sidebars .bcb-odds-1__outcome {
  margin-top: 20px;
}

@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-odds-1 table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-odds-1 table tr > td {
    order: 2;
    width: 100%;
    padding: 0 20px 20px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-odds-1 table tr > td:first-child {
    order: 1;
    width: unset;
    flex: 1;
    border-bottom: none;
    padding: 20px 20px 0;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-odds-1 table tr > td:last-child {
    order: 1;
    border-bottom: none;
    width: unset;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .core-has-both-sidebars .bcb-odds-1 table tr > td:last-child a > span {
    display: none;
  }
}
.bcb-odds-2 {
  margin-bottom: 10px;
}

.bcb-odds-2 table {
  width: 100%;
  background-color: #e9ecef;
  margin: 0;
}

.bcb-odds-2 table td {
  border: none;
}

.bcb-odds-2 table th {
  border: none;
}

@media (max-width: 767.98px) {
  .bcb-odds-2 table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.bcb-odds-2 table tr > td {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bcb-odds-2 table tr > td {
    order: 2;
    width: 100%;
    padding: 0 20px 20px;
  }
}
.bcb-odds-2 table tr:not(:last-of-type) > td {
  border-bottom: 1px solid #ccc;
}

.bcb-odds-2 table tr > td:first-child {
  width: 256px;
  padding-left: 20px;
}

@media (max-width: 767.98px) {
  .bcb-odds-2 table tr > td:first-child {
    order: 1;
    width: unset;
    flex: 1;
    border-bottom: none;
    padding: 20px 20px 0;
  }
}
@media (max-width: 340px) {
  .bcb-odds-2 table tr > td:first-child {
    width: 40%;
    flex: 0;
  }
}
@media (max-width: 767.98px) {
  .bcb-odds-2 table tr > td.bcb-odds-2__review {
    order: 1;
    display: flex;
    width: 70px;
    align-items: center;
    justify-content: flex-end;
    border-bottom: none;
    padding: 0;
  }
}
.bcb-odds-2 table tr > td:last-child {
  text-align: right;
  padding-right: 20px;
  width: 168px;
}

@media (max-width: 767.98px) {
  .bcb-odds-2 table tr > td:last-child {
    order: 1;
    border-bottom: none;
    width: unset;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .bcb-odds-2 table tr > td:last-child a > span {
    display: none;
  }
}
.bcb-odds-2__operator {
  display: flex;
  align-items: center;
}

.bcb-odds-2__outcome {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .bcb-odds-2__outcome {
    margin-top: 20px;
  }
}
.bcb-odds-2__outcome > div {
  padding-right: 20px;
}

.bcb-odds-2__outcome--odd {
  font-weight: 700;
}

.bcb-odds-2__description {
  background-color: #e9ecef;
  padding: 0 20px 20px;
  text-align: justify;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bcb-odds-2__headline {
  background-color: #e9ecef;
  padding: 0 20px;
}

.bcb-odds-2__market {
  background-color: #e9ecef;
  padding: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.bcb-odds-2__review {
  width: 100px;
}

@media (max-width: 767.98px) {
  .bcb-odds-2__review-desktop {
    display: none;
  }
}
.bcb-odds-2__review-mobile {
  display: none;
}

@media (max-width: 767.98px) {
  .bcb-odds-2__review-mobile {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-2__outcome {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-2 table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-2 table tr > td {
    order: 2;
    width: 100%;
    padding: 0 20px 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-2 table tr > td:first-child {
    order: 1;
    width: unset;
    flex: 1;
    border-bottom: none;
    padding: 20px 20px 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-2 table tr > td.bcb-odds-2__review {
    order: 1;
    display: flex;
    width: 70px;
    align-items: center;
    justify-content: flex-end;
    border-bottom: none;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-odds-2 table tr > td:last-child {
    order: 1;
    border-bottom: none;
    width: unset;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .core-has-sidebar .bcb-odds-2 table tr > td:last-child a > span {
    display: none;
  }
}
.core-has-both-sidebars .bcb-odds-2__outcome {
  margin-top: 20px;
}

.core-has-both-sidebars .bcb-odds-2 table tr {
  display: flex;
  flex-wrap: wrap;
}

.core-has-both-sidebars .bcb-odds-2 table tr > td {
  order: 2;
  width: 100%;
  padding: 0 20px 20px;
}

.core-has-both-sidebars .bcb-odds-2 table tr > td:first-child {
  order: 1;
  width: unset;
  flex: 1;
  border-bottom: none;
  padding: 20px 0 0 20px;
}

.core-has-both-sidebars .bcb-odds-2 table tr > td.bcb-odds-2__review {
  order: 1;
  display: flex;
  width: 40px;
  align-items: center;
  justify-content: flex-end;
  border-bottom: none;
  padding: 0;
}

.core-has-both-sidebars .bcb-odds-2 table tr > td:last-child {
  order: 1;
  border-bottom: none;
  width: unset;
  padding-top: 20px;
  padding-bottom: 0;
}

.core-has-both-sidebars .bcb-odds-2 table tr > td:last-child a > span {
  display: none;
}

.core-has-both-sidebars .bcb-odds-2__review {
  width: 40px;
}

.core-has-both-sidebars .bcb-odds-2__review-desktop {
  display: none;
}

.core-has-both-sidebars .bcb-odds-2__review-mobile {
  display: block;
}

.bcb-operator-info-1 ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.bcb-operator-info-1__list__item {
  max-width: 350px;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1199.98px) {
  .bcb-operator-info-1__list__item {
    max-width: 290px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-info-1__list__item {
    margin-bottom: 8px;
    margin-right: 8px;
    max-width: 330px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-info-1__list__item {
    max-width: 100%;
  }
}
.bcb-operator-info-1__list__item:nth-child(2) {
  margin-right: 10px;
}

@media (max-width: 991.98px) {
  .bcb-operator-info-1__list__item:nth-child(2) {
    margin-right: 0;
  }
}
.bcb-operator-info-1__list__item:nth-child(3) {
  margin-right: 0;
}

@media (max-width: 991.98px) {
  .bcb-operator-info-1__list__item:nth-child(3) {
    margin-right: 8px;
  }
}
.bcb-operator-info-1__list__item:last-of-type {
  margin-right: auto;
}

.bcb-operator-info-1__list__item--wrapp {
  display: inline-block;
  width: 100%;
}

.bcb-operator-info-1__list__item--row {
  float: left;
  display: flex;
}

.bcb-operator-info-1__list__item--wrapp.inner-address {
  display: block;
}

.bcb-operator-info-1__list__item--wrapp.inner-address > div {
  display: flex;
}

.bcb-operator-info-1__list__item--wrapp.inner-address .bcb-operator-info-1__list__item-text {
  padding-top: 20px;
  white-space: pre-wrap;
  float: left;
}

.bcb-operator-info-1__list__item-text {
  margin-left: auto;
  float: right;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-info-1__list__item {
    max-width: 100%;
  }
}
.core-has-sidebar .bcb-operator-info-1__list__item:nth-child(2) {
  margin-right: 0;
}

.core-has-sidebar .bcb-operator-info-1__list__item:nth-child(3) {
  margin-right: 10px;
}

.core-has-sidebar .bcb-operator-info-1__list__item:last-of-type {
  margin-right: auto;
}

.core-has-both-sidebars .bcb-operator-info-1__list__item {
  max-width: 100%;
}

.operator-info-2 {
  width: 100%;
}

.operator-info-2-bonus__spec {
  display: flex;
  justify-content: space-between;
}

.operator-info-2-bonus__spec__amount {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.operator-info-2-bonus__spec__amount__text {
  line-height: 1;
}

.operator-info-2-bonus__tc {
  margin: 20px 0;
}

.operator-info-2-offer-bonus-code {
  display: flex;
  justify-content: right;
}

.operator-info-2-offer-bonus-code input {
  flex-grow: 1;
  margin-right: 10px;
}

.operator-info-2-goto {
  display: flex;
  justify-content: right;
}

.operator-info-2-goto__text {
  flex-grow: 1;
  text-align: right;
  padding: 10px;
}

.operator-info-2-goto__arrow {
  margin: auto 4rem auto 0;
  flex-shrink: 0;
  width: 17px;
  height: 15px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNycgaGVpZ2h0PScxNScgdmlld0JveD0nMCAwIDE3IDE1Jz48cGF0aCBkPSdNMTUsMTEsOSwxNyw3LjU4LDE1LjU4LDExLjE3LDEySDBWMEgyVjEwaDkuMTdMNy41OCw2LjQyLDksNVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgMTUpIHJvdGF0ZSgtOTApJy8+PC9zdmc+);
}

.bcb-operator-info-3 ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.bcb-operator-info-3__list__item {
  max-width: 350px;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1199.98px) {
  .bcb-operator-info-3__list__item {
    max-width: 290px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-info-3__list__item {
    margin-bottom: 8px;
    margin-right: 8px;
    max-width: 330px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-info-3__list__item {
    max-width: 100%;
  }
}
.bcb-operator-info-3__list__item:nth-child(2) {
  margin-right: 10px;
}

@media (max-width: 991.98px) {
  .bcb-operator-info-3__list__item:nth-child(2) {
    margin-right: 0;
  }
}
.bcb-operator-info-3__list__item:nth-child(3) {
  margin-right: 0;
}

@media (max-width: 991.98px) {
  .bcb-operator-info-3__list__item:nth-child(3) {
    margin-right: 8px;
  }
}
.bcb-operator-info-3__list__item:last-of-type {
  margin-right: auto;
}

.bcb-operator-info-3__list__item--wrapp {
  display: inline-block;
  width: 100%;
}

.bcb-operator-info-3__list__item--row {
  float: left;
}

.bcb-operator-info-3__list__item-text {
  margin-left: auto;
  float: right;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-info-3__list__item {
    max-width: 100%;
  }
}
.core-has-sidebar .bcb-operator-info-3__list__item:nth-child(2) {
  margin-right: 0;
}

.core-has-sidebar .bcb-operator-info-3__list__item:nth-child(3) {
  margin-right: 10px;
}

.core-has-sidebar .bcb-operator-info-3__list__item:last-of-type {
  margin-right: auto;
}

.core-has-both-sidebars .bcb-operator-info-3__list__item {
  max-width: 100%;
}

.operator-info-4__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  .operator-info-4__top {
    flex-direction: column;
    align-items: baseline;
  }
  .operator-info-4__top--cta {
    width: 100%;
  }
  .operator-info-4__top--cta .bcb-btn {
    margin-top: 20px;
    display: block;
    width: 100%;
  }
}
.operator-info-4__top__bookmaker {
  display: flex;
  align-items: center;
}

.operator-info-4__bottom {
  margin-top: 20px;
}

.bcb-editorial-tip-1__wrap {
  display: flex;
  margin-bottom: 10px;
}

.bcb-editorial-tip-1__author {
  justify-content: center;
  text-align: center;
  padding-left: 20px;
  padding-right: 40px;
}

.bcb-editorial-tip-1__author-name {
  white-space: normal;
  word-break: break-all;
  max-width: 110px;
}

.bcb-editorial-tip-1__author-img img {
  margin-bottom: 10px;
  border-radius: 50%;
}

.bcb-editorial-tip-1__features {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.bcb-editorial-tip-1__features__top {
  display: flex;
  align-items: center;
}

.bcb-editorial-tip-1__features__top-odds {
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .bcb-editorial-tip-1__features__middle {
    padding-bottom: 20px;
  }
}
.bcb-editorial-tip-1__features__middle-tip {
  font-size: 40px;
  line-height: 49px;
  font-weight: 900;
}

@media (max-width: 767.98px) {
  .bcb-editorial-tip-1__features__middle-tip {
    font-size: 32px;
    line-height: 40px;
  }
}
.bcb-editorial-tip-1__features--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}

@media (max-width: 767.98px) {
  .bcb-editorial-tip-1__features--wrapper {
    flex-direction: column;
    align-items: baseline;
    padding-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-1__author {
    padding-left: 10px;
    padding-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-1__author-img img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-1__features__top-img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-1__features__middle {
    padding-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-1__features__middle-tip {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-1__features--wrapper {
    flex-direction: column;
    align-items: baseline;
    padding-top: 20px;
  }
}
.bcb-editorial-tip-2__wrap {
  display: flex;
  margin-bottom: 10px;
}

.bcb-editorial-tip-2__features {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.bcb-editorial-tip-2__features__top {
  display: flex;
  align-items: center;
}

.bcb-editorial-tip-2__features__top-odds {
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .bcb-editorial-tip-2__features__middle {
    padding-bottom: 20px;
  }
}
.bcb-editorial-tip-2__features__middle-tip {
  font-size: 40px;
  line-height: 49px;
  font-weight: 900;
}

@media (max-width: 767.98px) {
  .bcb-editorial-tip-2__features__middle-tip {
    font-size: 32px;
    line-height: 40px;
  }
}
.bcb-editorial-tip-2__features--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}

@media (max-width: 767.98px) {
  .bcb-editorial-tip-2__features--wrapper {
    flex-direction: column;
    align-items: baseline;
    padding-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-2__author {
    padding-left: 10px;
    padding-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-2__author-img img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-2__features__top-img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-2__features__middle {
    padding-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-2__features__middle-tip {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 991.98px) {
  .core-has-both-sidebars .bcb-editorial-tip-2__features--wrapper {
    flex-direction: column;
    align-items: baseline;
    padding-top: 20px;
  }
}
.bcb-operator-categories-1__list {
  padding-left: 0;
}

.bcb-operator-categories-1__list__item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.bcb-operator-categories-1__list__item__first {
  padding-right: 20px;
}

.bcb-operator-categories-1__list__item__third {
  margin-left: auto;
}

.operator-categories-2 a {
  text-decoration: none;
  color: inherit;
}

.operator-categories-2__item {
  margin-bottom: 20px;
}

.operator-categories-2__item__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.operator-categories-2__item__bar {
  height: 16px;
  background-color: #ced4da;
  border-radius: 4px;
}

.operator-categories-2__item__bar-progress {
  background: #007bff;
  height: 16px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.operator-categories-2__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.bcb-operator-categories-3__list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  .bcb-operator-categories-3__list {
    display: inherit;
  }
}
.bcb-operator-categories-3__list__item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
  flex: 0 0 calc(50% - 8px);
}

.bcb-operator-categories-3__list__item:nth-child(odd) {
  margin-right: 10px;
}

.bcb-operator-categories-3__list__item a {
  display: flex;
  flex: 1;
  align-items: center;
  color: inherit;
  font-weight: 700;
}

.bcb-operator-categories-3__list__item a .bcb-arrow {
  margin-left: auto;
}

.bcb-operator-categories-3__list__item--img {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .bcb-operator-categories-3__list__item--img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-categories-3__list {
    display: inherit;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-categories-3__list {
    display: inherit;
  }
}
.bcb-operator-categories-4__body.bcb-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.bcb-operator-categories-4__list a {
  font-weight: 700;
}

.bcb-operator-categories-4__title.bcb-container {
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.bcb-operator-categories-4__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bcb-operator-categories-4__header__left {
  display: flex;
  align-items: center;
}

.bcb-operator-categories-4__header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  .bcb-operator-categories-4__header__right {
    order: 2;
    flex: 1 0 100%;
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-categories-4__header__right__cta, .bcb-operator-categories-4__header__right__cta .btn {
    width: 100%;
  }
}
.bcb-operator-categories-4__header__desc {
  flex: 1 1 100%;
  padding: 20px 0;
}

.bcb-operator-categories-4__list {
  list-style: none;
  padding-left: 0;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
}

@media (max-width: 767.98px) {
  .bcb-operator-categories-4__list {
    display: inherit;
  }
}
.bcb-operator-categories-4__list__item {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  flex: 0 0 31%;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .bcb-operator-categories-4__list__item {
    flex: 0 0 48%;
  }
}
.bcb-operator-categories-4__list__item a {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  line-height: 3;
  color: inherit;
}

.bcb-operator-categories-4__list__item a:hover, .bcb-operator-categories-4__list__item a:focus {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .core-has-sidebar .bcb-operator-categories-4__list {
    display: inherit;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-categories-4__list {
    display: inherit;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-categories-4__header__right {
    order: 2;
    flex: 1 0 100%;
    margin-top: 10px;
  }
}
@media (max-width: 1199.98px) {
  .core-has-both-sidebars .bcb-operator-categories-4__header__right__cta, .core-has-both-sidebars .bcb-operator-categories-4__header__right__cta .btn {
    width: 100%;
  }
}
.bcb-container {
  border-radius: 4px;
  background-color: #e9ecef;
  position: relative;
  padding: 20px;
  width: 100%;
}

@media (max-width: 1199.98px) {
  .bcb-container {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-container {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-container {
    padding: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-container {
    padding: 20px;
  }
}
.bcb-container--no-padding {
  padding: 0;
}

.bcb-container a {
  text-decoration: none;
}

.bcb-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
  .bcb-block {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-block {
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-block {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-block {
    margin-top: 10px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-block {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-block {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-block {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-block {
    margin-bottom: 10px;
  }
}
.bcb-block_more {
  position: relative;
  padding-bottom: 60px;
}

.bcb-color-panel {
  background-color: #343a40;
}

.bcb-square-logo {
  width: 56px;
  height: 56px;
  margin-right: 10px;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1199.98px) {
  .bcb-square-logo {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .bcb-square-logo {
    width: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-square-logo {
    width: 40px;
  }
}
@media (max-width: 575.98px) {
  .bcb-square-logo {
    width: 40px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-square-logo {
    height: 56px;
  }
}
@media (max-width: 991.98px) {
  .bcb-square-logo {
    height: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-square-logo {
    height: 40px;
  }
}
@media (max-width: 575.98px) {
  .bcb-square-logo {
    height: 40px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-square-logo {
    margin-right: 10px;
  }
}
@media (max-width: 991.98px) {
  .bcb-square-logo {
    margin-right: 10px;
  }
}
@media (max-width: 767.98px) {
  .bcb-square-logo {
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .bcb-square-logo {
    margin-right: 10px;
  }
}
.bcb-rectangular-logo {
  max-width: 160px;
  margin-right: 10px;
  height: auto;
  width: auto;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 1199.98px) {
  .bcb-rectangular-logo {
    max-width: 160px;
  }
}
@media (max-width: 991.98px) {
  .bcb-rectangular-logo {
    max-width: 120px;
  }
}
@media (max-width: 767.98px) {
  .bcb-rectangular-logo {
    max-width: 120px;
  }
}
@media (max-width: 575.98px) {
  .bcb-rectangular-logo {
    max-width: 120px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-rectangular-logo {
    margin-right: 10px;
  }
}
@media (max-width: 991.98px) {
  .bcb-rectangular-logo {
    margin-right: 10px;
  }
}
@media (max-width: 767.98px) {
  .bcb-rectangular-logo {
    margin-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .bcb-rectangular-logo {
    margin-right: 10px;
  }
}
.bcb-btn {
  border-radius: 4px;
  font-size: 20px;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #007bff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (max-width: 1199.98px) {
  .bcb-btn {
    font-size: 20px;
  }
}
@media (max-width: 991.98px) {
  .bcb-btn {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-btn {
    font-size: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-btn {
    font-size: 20px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-btn {
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-btn {
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-btn {
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-btn {
    line-height: 24px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-btn {
    padding-left: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-btn {
    padding-left: 16px;
  }
}
@media (max-width: 767.98px) {
  .bcb-btn {
    padding-left: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-btn {
    padding-left: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-btn {
    padding-right: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-btn {
    padding-right: 16px;
  }
}
@media (max-width: 767.98px) {
  .bcb-btn {
    padding-right: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-btn {
    padding-right: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-btn {
    padding-top: 14px;
  }
}
@media (max-width: 991.98px) {
  .bcb-btn {
    padding-top: 14px;
  }
}
@media (max-width: 767.98px) {
  .bcb-btn {
    padding-top: 14px;
  }
}
@media (max-width: 575.98px) {
  .bcb-btn {
    padding-top: 14px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-btn {
    padding-bottom: 14px;
  }
}
@media (max-width: 991.98px) {
  .bcb-btn {
    padding-bottom: 14px;
  }
}
@media (max-width: 767.98px) {
  .bcb-btn {
    padding-bottom: 14px;
  }
}
@media (max-width: 575.98px) {
  .bcb-btn {
    padding-bottom: 14px;
  }
}
.bcb-btn.bcb-btn-inverted {
  color: #007bff;
  background-color: #fff;
}

.bcb-btn:hover, .bcb-btn:active {
  text-decoration: none;
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.bcb-btn p {
  color: inherit;
  text-align: center;
  margin: 0;
}

.bcb-btn-secondary {
  color: #fff;
  border-color: #6c757d;
  background-color: #6c757d;
}

.bcb-btn-secondary:hover, .bcb-btn-secondary:active {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.bcb-btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
  background-color: transparent;
}

.bcb-btn-outline-secondary:hover, .bcb-btn-outline-secondary:active, .bcb-btn-outline-secondary.active {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-block {
  display: block;
  width: 100%;
}

.bcb-block-sm {
  display: none;
}

@media (max-width: 767.98px) {
  .bcb-block-sm {
    display: block;
  }
}
.bcb-none-sm {
  display: block;
}

@media (max-width: 767.98px) {
  .bcb-none-sm {
    display: none;
  }
}
.bcb__stars {
  display: flex;
}

.bcb__stars svg {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

@media (max-width: 1199.98px) {
  .bcb__stars svg {
    width: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb__stars svg {
    width: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb__stars svg {
    width: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb__stars svg {
    width: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb__stars svg {
    height: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb__stars svg {
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb__stars svg {
    height: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb__stars svg {
    height: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb__stars svg {
    margin-right: 2px;
  }
}
@media (max-width: 991.98px) {
  .bcb__stars svg {
    margin-right: 2px;
  }
}
@media (max-width: 767.98px) {
  .bcb__stars svg {
    margin-right: 2px;
  }
}
@media (max-width: 575.98px) {
  .bcb__stars svg {
    margin-right: 2px;
  }
}
.bcb__stars--primary {
  stop-color: #efce4a;
  fill: #efce4a;
  stop-opacity: 1;
}

.bcb__stars--secondary {
  stop-color: #959595;
  fill: #959595;
  stop-opacity: 1;
}

.bcb-score {
  display: flex;
  align-items: baseline;
}

.bcb-score-big {
  font-weight: 700;
  color: #333;
  font-size: 40px;
  line-height: 29px;
}

@media (max-width: 1199.98px) {
  .bcb-score-big {
    font-size: 40px;
  }
}
@media (max-width: 991.98px) {
  .bcb-score-big {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-score-big {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-score-big {
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-score-big {
    line-height: 29px;
  }
}
@media (max-width: 991.98px) {
  .bcb-score-big {
    line-height: 19px;
  }
}
@media (max-width: 767.98px) {
  .bcb-score-big {
    line-height: 19px;
  }
}
@media (max-width: 575.98px) {
  .bcb-score-big {
    line-height: 19px;
  }
}
.bcb-score-small {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}

@media (max-width: 1199.98px) {
  .bcb-score-small {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-score-small {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb-score-small {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-score-small {
    font-size: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-score-small {
    line-height: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-score-small {
    line-height: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb-score-small {
    line-height: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-score-small {
    line-height: 12px;
  }
}
.bcb-bonus {
  font-weight: 700;
  color: #333;
  font-size: 40px;
  line-height: 49px;
}

@media (max-width: 1199.98px) {
  .bcb-bonus {
    font-size: 40px;
  }
}
@media (max-width: 991.98px) {
  .bcb-bonus {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-bonus {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-bonus {
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-bonus {
    line-height: 49px;
  }
}
@media (max-width: 991.98px) {
  .bcb-bonus {
    line-height: 40px;
  }
}
@media (max-width: 767.98px) {
  .bcb-bonus {
    line-height: 40px;
  }
}
@media (max-width: 575.98px) {
  .bcb-bonus {
    line-height: 40px;
  }
}
.bcb-operator-title {
  font-weight: 700;
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 1199.98px) {
  .bcb-operator-title {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-title {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-title {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-title {
    font-size: 14px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-operator-title {
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-operator-title {
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-operator-title {
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-operator-title {
    line-height: 24px;
  }
}
.bcb-operator__primary-tc {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style-type: disc;
}

.bcb-operator__primary-tc li {
  float: left;
  margin-left: 20px;
  display: list-item;
  width: auto;
  font-weight: 700;
}

.bcb-title {
  font-weight: 700;
  color: #333;
  margin: 0;
  font-size: 24px;
  line-height: 28px;
}

@media (max-width: 1199.98px) {
  .bcb-title {
    font-size: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-title {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-title {
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-title {
    line-height: 28px;
  }
}
@media (max-width: 991.98px) {
  .bcb-title {
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .bcb-title {
    line-height: 28px;
  }
}
@media (max-width: 575.98px) {
  .bcb-title {
    line-height: 28px;
  }
}
.bcb-sub-title {
  font-weight: 700;
  color: #333;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 1199.98px) {
  .bcb-sub-title {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-sub-title {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .bcb-sub-title {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .bcb-sub-title {
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-sub-title {
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-sub-title {
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-sub-title {
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-sub-title {
    line-height: 24px;
  }
}
.bcb-small-text {
  font-weight: 400;
  color: #333;
  text-align: justify;
  font-size: 12px;
  line-height: 18px;
}

@media (max-width: 1199.98px) {
  .bcb-small-text {
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .bcb-small-text {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .bcb-small-text {
    font-size: 10px;
  }
}
@media (max-width: 575.98px) {
  .bcb-small-text {
    font-size: 10px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-small-text {
    line-height: 18px;
  }
}
@media (max-width: 991.98px) {
  .bcb-small-text {
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .bcb-small-text {
    line-height: 16px;
  }
}
@media (max-width: 575.98px) {
  .bcb-small-text {
    line-height: 16px;
  }
}
.small {
  font-size: 80%;
  font-weight: 400;
}

.text-muted {
  color: #6c757d !important;
}

.bcb-review-link {
  font-weight: 400;
  color: #007bff;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 1199.98px) {
  .bcb-review-link {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-review-link {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb-review-link {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-review-link {
    font-size: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-review-link {
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-review-link {
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .bcb-review-link {
    line-height: 16px;
  }
}
@media (max-width: 575.98px) {
  .bcb-review-link {
    line-height: 16px;
  }
}
.bcb-usp-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.bcb-usp-list-item {
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 1199.98px) {
  .bcb-usp-list-item {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-usp-list-item {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .bcb-usp-list-item {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .bcb-usp-list-item {
    font-size: 14px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-usp-list-item {
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-usp-list-item {
    line-height: 20px;
  }
}
@media (max-width: 767.98px) {
  .bcb-usp-list-item {
    line-height: 20px;
  }
}
@media (max-width: 575.98px) {
  .bcb-usp-list-item {
    line-height: 20px;
  }
}
.bcb-usp-list-item:not(:last-of-type) {
  margin-bottom: 10px;
}

.bcb-usp-list-icon {
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMjAnIHdpZHRoPScyMCc+PGNpcmNsZSBjeD0nMTAnIGN5PScxMCcgcj0nMTAnIGZpbGw9J2dyYXknIC8+PC9zdmc+) center center no-repeat;
  border-radius: 100%;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

@media (max-width: 1199.98px) {
  .bcb-usp-list-icon {
    width: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-usp-list-icon {
    width: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb-usp-list-icon {
    width: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-usp-list-icon {
    width: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-usp-list-icon {
    height: 16px;
  }
}
@media (max-width: 991.98px) {
  .bcb-usp-list-icon {
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb-usp-list-icon {
    height: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-usp-list-icon {
    height: 12px;
  }
}
.bcb-header-img {
  width: 100%;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 300px;
}

@media (max-width: 1199.98px) {
  .bcb-header-img {
    height: 300px;
  }
}
@media (max-width: 991.98px) {
  .bcb-header-img {
    height: 200px;
  }
}
@media (max-width: 767.98px) {
  .bcb-header-img {
    height: 200px;
  }
}
@media (max-width: 575.98px) {
  .bcb-header-img {
    height: 200px;
  }
}
.bcb-counter {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  padding-left: 44px;
}

@media (max-width: 1199.98px) {
  .bcb-counter {
    padding-left: 44px;
  }
}
@media (max-width: 991.98px) {
  .bcb-counter {
    padding-left: 44px;
  }
}
@media (max-width: 767.98px) {
  .bcb-counter {
    padding-left: 44px;
  }
}
@media (max-width: 575.98px) {
  .bcb-counter {
    padding-left: 44px;
  }
}
@media (max-width: 350px) {
  .bcb-counter {
    padding-left: 0;
  }
}
.bcb-counter:before {
  color: #fff;
  font-weight: 700;
  position: absolute;
  background: #007bff;
  text-align: center;
  border-radius: 50%;
  padding: 1px 0 0;
  font-size: 14px;
  left: 0;
  width: 24px;
  height: 24px;
}

@media (max-width: 1199.98px) {
  .bcb-counter:before {
    width: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-counter:before {
    width: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-counter:before {
    width: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-counter:before {
    width: 24px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-counter:before {
    height: 24px;
  }
}
@media (max-width: 991.98px) {
  .bcb-counter:before {
    height: 24px;
  }
}
@media (max-width: 767.98px) {
  .bcb-counter:before {
    height: 24px;
  }
}
@media (max-width: 575.98px) {
  .bcb-counter:before {
    height: 24px;
  }
}
@media (max-width: 350px) {
  .bcb-counter:before {
    display: none;
  }
}
.bcb-bonus-input {
  width: 70%;
  margin-right: 3%;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 5px;
  text-align: center;
}

.bcb-bonus-input:focus {
  outline: none;
}

.bcb-bonus-input.blur-code {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  color: transparent;
}

.bcb-bonus-input.blur-code::selection {
  color: transparent;
}

.bcb-list-border {
  border-bottom: 1px solid #ccc;
}

.bcb-list-border:last-of-type {
  border-bottom: none;
}

.bcb-tnc {
  font-size: 12px;
  line-height: 18px;
  color: #333;
  margin-top: 10px;
}

@media (max-width: 1199.98px) {
  .bcb-tnc {
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .bcb-tnc {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .bcb-tnc {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .bcb-tnc {
    font-size: 12px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-tnc {
    line-height: 18px;
  }
}
@media (max-width: 991.98px) {
  .bcb-tnc {
    line-height: 18px;
  }
}
@media (max-width: 767.98px) {
  .bcb-tnc {
    line-height: 18px;
  }
}
@media (max-width: 575.98px) {
  .bcb-tnc {
    line-height: 18px;
  }
}
.bcb-avatar {
  width: 56px;
  height: 56px;
}

@media (max-width: 1199.98px) {
  .bcb-avatar {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .bcb-avatar {
    width: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-avatar {
    width: 32px;
  }
}
@media (max-width: 575.98px) {
  .bcb-avatar {
    width: 32px;
  }
}
@media (max-width: 1199.98px) {
  .bcb-avatar {
    height: 56px;
  }
}
@media (max-width: 991.98px) {
  .bcb-avatar {
    height: 56px;
  }
}
@media (max-width: 767.98px) {
  .bcb-avatar {
    height: 32px;
  }
}
@media (max-width: 575.98px) {
  .bcb-avatar {
    height: 32px;
  }
}
.bcb-pt-lg {
  padding-top: 20px;
}

.bcb-pt-md {
  padding-top: 10px;
}

.bcb-pt-sm {
  padding-top: 8px;
}

.bcb-pt-xs {
  padding-top: 8px;
}

.bcb-pb-lg {
  padding-bottom: 20px;
}

.bcb-pb-md {
  padding-bottom: 10px;
}

.bcb-pb-sm {
  padding-bottom: 8px;
}

.bcb-pb-xs {
  padding-bottom: 8px;
}

.bcb-pl-lg {
  padding-left: 20px;
}

.bcb-pl-md {
  padding-left: 10px;
}

.bcb-pl-sm {
  padding-left: 8px;
}

.bcb-pl-xs {
  padding-left: 8px;
}

.bcb-pr-lg {
  padding-right: 20px;
}

.bcb-pr-md {
  padding-right: 10px;
}

.bcb-pr-sm {
  padding-right: 8px;
}

.bcb-pr-xs {
  padding-right: 8px;
}

.bcb-mt-lg {
  margin-top: 20px;
}

.bcb-mt-md {
  margin-top: 10px;
}

.bcb-mt-sm {
  margin-top: 8px;
}

.bcb-mt-xs {
  margin-top: 8px;
}

.bcb-mb-lg {
  margin-bottom: 20px;
}

.bcb-mb-md {
  margin-bottom: 10px;
}

.bcb-mb-sm {
  margin-bottom: 8px;
}

.bcb-mb-xs {
  margin-bottom: 8px;
}

.bcb-ml-lg {
  margin-left: 20px;
}

.bcb-ml-md {
  margin-left: 10px;
}

.bcb-ml-sm {
  margin-left: 8px;
}

.bcb-ml-xs {
  margin-left: 8px;
}

.bcb-mr-lg {
  margin-right: 20px;
}

.bcb-mr-md {
  margin-right: 10px;
}

.bcb-mr-sm {
  margin-right: 8px;
}

.bcb-mr-xs {
  margin-right: 8px;
}

.bcb-arrow {
  width: 10px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhcnJvdy1hIj48cGF0aCBkPSJNMCAwaDEwdjE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2Fycm93LWEpIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTkyMyIgZD0iTTIuNSAyLjVsNiA2LTYgNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  display: inline-block;
}

.bcb-right-arrow-down {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMTQnIGhlaWdodD0nOCcgdmlld0JveD0nMCAwIDE0IDgnPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcC1wYXRoJz48cmVjdCB3aWR0aD0nOCcgaGVpZ2h0PScxNCcgZmlsbD0nbm9uZScvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGlkPSdDb21wb25lbnRfMjgzXzIxJyBkYXRhLW5hbWU9J0NvbXBvbmVudCAyODMg4oCTIDIxJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNCkgcm90YXRlKDkwKScgY2xpcC1wYXRoPSd1cmwoI2NsaXAtcGF0aCknPjxwYXRoIGlkPSdQYXRoXzIzNDQxJyBkYXRhLW5hbWU9J1BhdGggMjM0NDEnIGQ9J00wLDAsNi4yOTMsNS44NzksMTIuNTg2LDAnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAuNzA3IDEzLjI5Mykgcm90YXRlKC05MCknIGZpbGw9J25vbmUnIHN0cm9rZT0nI2ZmZicgc3Ryb2tlLXdpZHRoPScyJy8+PC9nPjwvc3ZnPgo=);
  display: inline-block;
  height: 8px;
  width: 14px;
  margin-left: 15px;
  background-repeat: no-repeat;
}

.bcb-right-arrow-down--dark {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMTQnIGhlaWdodD0nOCcgdmlld0JveD0nMCAwIDE0IDgnPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcC1wYXRoJz48cmVjdCB3aWR0aD0nOCcgaGVpZ2h0PScxNCcgZmlsbD0nbm9uZScvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGlkPSdDb21wb25lbnRfMjgzXzIxJyBkYXRhLW5hbWU9J0NvbXBvbmVudCAyODMg4oCTIDIxJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNCkgcm90YXRlKDkwKScgY2xpcC1wYXRoPSd1cmwoI2NsaXAtcGF0aCknPjxwYXRoIGlkPSdQYXRoXzIzNDQxJyBkYXRhLW5hbWU9J1BhdGggMjM0NDEnIGQ9J00wLDAsNi4yOTMsNS44NzksMTIuNTg2LDAnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAuNzA3IDEzLjI5Mykgcm90YXRlKC05MCknIGZpbGw9J25vbmUnIHN0cm9rZT0nIzMzMycgc3Ryb2tlLXdpZHRoPScyJy8+PC9nPjwvc3ZnPgo=);
}

.bcb-icon {
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.bcb-icon-holder {
  background-color: #6c757d;
  width: 16px;
  height: 16px;
  border-radius: 50px;
}

.bcb-icon-contact {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJjb250YWN0LWEiPjxwYXRoIGQ9Ik0wIDBoMjB2MjBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjY29udGFjdC1hKSI+PHBhdGggZD0iTTE3LjUgMGgtMTVBMi41IDIuNSAwIDAgMCAwIDIuNXYxMS4yNWEyLjUgMi41IDAgMCAwIDIuNSAyLjVoMy43NXYzLjI4MWEuNDcuNDcgMCAwIDAgLjc1LjM3OWw0Ljg3OS0zLjY2SDE3LjVhMi41IDIuNSAwIDAgMCAyLjUtMi41VjIuNUEyLjUgMi41IDAgMCAwIDE3LjUgMHoiIGZpbGw9IiM2Yzc1N2QiLz48L2c+PC9zdmc+);
}

.bcb-icon-email {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJlbWFpbC1hIj48cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2VtYWlsLWEpIj48cGF0aCBkPSJNMTkuNjIxIDkuOTUzYS4yMzUuMjM1IDAgMCAxIC4zNzkuMTg0djcuOTg4QTEuODc1IDEuODc1IDAgMCAxIDE4LjEyNSAyMEgxLjg3NUExLjg3NSAxLjg3NSAwIDAgMSAwIDE4LjEyNXYtNy45ODRhLjIzNC4yMzQgMCAwIDEgLjM3OS0uMTg0Yy44NzUuNjggMi4wMzUgMS41NDMgNi4wMiA0LjQzOC44MjQuNiAyLjIxNSAxLjg2NyAzLjYgMS44NTkgMS4zOTUuMDEyIDIuODEzLTEuMjgxIDMuNjA1LTEuODU5IDMuOTg2LTIuODk1IDUuMTQyLTMuNzYyIDYuMDE3LTQuNDQyek0xMCAxNWMuOTA2LjAxNiAyLjIxMS0xLjE0MSAyLjg2Ny0xLjYxNyA1LjE4NC0zLjc2MiA1LjU3OC00LjA5IDYuNzczLTUuMDI3YS45MzUuOTM1IDAgMCAwIC4zNi0uNzM5di0uNzQyQTEuODc1IDEuODc1IDAgMCAwIDE4LjEyNSA1SDEuODc1QTEuODc1IDEuODc1IDAgMCAwIDAgNi44NzV2Ljc0MmEuOTQuOTQgMCAwIDAgLjM1OS43MzhjMS4yLjkzNCAxLjU5IDEuMjY2IDYuNzczIDUuMDI3LjY1Ny40NzcgMS45NjIgMS42MzQgMi44NjggMS42MTh6IiBmaWxsPSIjNmM3NTdkIi8+PC9nPjwvc3ZnPg==);
  height: 16px;
  background-position: bottom;
}

.bcb-icon-phone {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJwaG9uZS1hIj48cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI3Bob25lLWEpIj48cGF0aCBkPSJNMTkuNDMgMTQuMTMzbC00LjM3NS0xLjg3NWEuOTM4LjkzOCAwIDAgMC0xLjA5NC4yN2wtMS45MzggMi4zNjZBMTQuNDc5IDE0LjQ3OSAwIDAgMSA1LjEgNy45NzNsMi4zNjktMS45MzdhLjkzNS45MzUgMCAwIDAgLjI3LTEuMDk0TDUuODYzLjU2N0EuOTQ0Ljk0NCAwIDAgMCA0Ljc4OS4wMjRMLjcyNy45NjFBLjkzOC45MzggMCAwIDAgMCAxLjg3NSAxOC4xMjMgMTguMTIzIDAgMCAwIDE4LjEyNSAyMGEuOTM4LjkzOCAwIDAgMCAuOTE0LS43MjdsLjkzOC00LjA2M2EuOTQ5Ljk0OSAwIDAgMC0uNTQ3LTEuMDc4eiIgZmlsbD0iIzZjNzU3ZCIvPjwvZz48L3N2Zz4=);
}

.bcb-collapse {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .bcb-collapse {
    font-size: 12px;
    line-height: 16px;
  }
}
.bcb-collapse[aria-expanded=true] .show {
  display: none;
}

.bcb-collapse[aria-expanded=true] .hide {
  display: inline;
  margin-right: 5px;
}

.bcb-collapse[aria-expanded=true] .bcb-arrow {
  transform: rotate(-90deg);
}

.bcb-collapse[aria-expanded=false] .show {
  display: inline;
  margin-right: 5px;
}

.bcb-collapse[aria-expanded=false] .hide {
  display: none;
}

.bcb-collapse[aria-expanded=false] .bcb-arrow {
  transform: rotate(90deg);
}

.bcb-collapse .bcb-arrow {
  margin-left: 8px;
}

.bcb-sort-btn {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 15px center;
  padding-left: 50px !important;
  margin-bottom: 20px;
}

.bcb-sort-btn.mostpopular {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxNy43NzgnIHZpZXdCb3g9JzAgMCAyMCAxNy43NzgnPjxwYXRoIGlkPSd0cm9waHktc29saWQnIGQ9J00xOS4xNjcsMi4yMjJIMTUuNTU2Vi44MzNBLjgzMS44MzEsMCwwLDAsMTQuNzIyLDBINS4yNzhhLjgzMS44MzEsMCwwLDAtLjgzMy44MzNWMi4yMjJILjgzM0EuODMxLjgzMSwwLDAsMCwwLDMuMDU2VjVBNC41MzEsNC41MzEsMCwwLDAsMi4xNDksOC41LDguMTM1LDguMTM1LDAsMCwwLDUuOTY5LDkuOTQ0LDcuNjgxLDcuNjgxLDAsMCwwLDguMzMzLDEyLjVWMTVINi42NjdhMiwyLDAsMCwwLTIuMjIyLDEuOTQ0di40MTdhLjQxOC40MTgsMCwwLDAsLjQxNy40MTdIMTUuMTM5YS40MTguNDE4LDAsMCwwLC40MTctLjQxN3YtLjQxN0EyLDIsMCwwLDAsMTMuMzMzLDE1SDExLjY2N1YxMi41YTcuNjgsNy42OCwwLDAsMCwyLjM2NS0yLjU1NkE4LjEwNiw4LjEwNiwwLDAsMCwxNy44NTEsOC41LDQuNTQxLDQuNTQxLDAsMCwwLDIwLDVWMy4wNTZBLjgzMS44MzEsMCwwLDAsMTkuMTY3LDIuMjIyWk0zLjQ0OCw2LjY5NEEyLjU1NCwyLjU1NCwwLDAsMSwyLjIyMiw1VjQuNDQ0SDQuNDUxQTEyLjQ3MSwxMi40NzEsMCwwLDAsNC45LDcuNDM4LDUuNiw1LjYsMCwwLDEsMy40NDgsNi42OTRaTTE3Ljc3OCw1YTIuNjY4LDIuNjY4LDAsMCwxLTEuMjI2LDEuNjk0LDUuNjE3LDUuNjE3LDAsMCwxLTEuNDUxLjc0MywyNS43MjMsMjUuNzIzLDAsMCwwLC40NDQtMi45OTNoMi4yMzNaJyBmaWxsPScjNmM3NTdkJy8+PC9zdmc+);
}

.bcb-sort-btn.mostpopular:hover, .bcb-sort-btn.mostpopular.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxNy43NzgnIHZpZXdCb3g9JzAgMCAyMCAxNy43NzgnPjxwYXRoIGlkPSd0cm9waHktc29saWQnIGQ9J00xOS4xNjcsMi4yMjJIMTUuNTU2Vi44MzNBLjgzMS44MzEsMCwwLDAsMTQuNzIyLDBINS4yNzhhLjgzMS44MzEsMCwwLDAtLjgzMy44MzNWMi4yMjJILjgzM0EuODMxLjgzMSwwLDAsMCwwLDMuMDU2VjVBNC41MzEsNC41MzEsMCwwLDAsMi4xNDksOC41LDguMTM1LDguMTM1LDAsMCwwLDUuOTY5LDkuOTQ0LDcuNjgxLDcuNjgxLDAsMCwwLDguMzMzLDEyLjVWMTVINi42NjdhMiwyLDAsMCwwLTIuMjIyLDEuOTQ0di40MTdhLjQxOC40MTgsMCwwLDAsLjQxNy40MTdIMTUuMTM5YS40MTguNDE4LDAsMCwwLC40MTctLjQxN3YtLjQxN0EyLDIsMCwwLDAsMTMuMzMzLDE1SDExLjY2N1YxMi41YTcuNjgsNy42OCwwLDAsMCwyLjM2NS0yLjU1NkE4LjEwNiw4LjEwNiwwLDAsMCwxNy44NTEsOC41LDQuNTQxLDQuNTQxLDAsMCwwLDIwLDVWMy4wNTZBLjgzMS44MzEsMCwwLDAsMTkuMTY3LDIuMjIyWk0zLjQ0OCw2LjY5NEEyLjU1NCwyLjU1NCwwLDAsMSwyLjIyMiw1VjQuNDQ0SDQuNDUxQTEyLjQ3MSwxMi40NzEsMCwwLDAsNC45LDcuNDM4LDUuNiw1LjYsMCwwLDEsMy40NDgsNi42OTRaTTE3Ljc3OCw1YTIuNjY4LDIuNjY4LDAsMCwxLTEuMjI2LDEuNjk0LDUuNjE3LDUuNjE3LDAsMCwxLTEuNDUxLjc0MywyNS43MjMsMjUuNzIzLDAsMCwwLC40NDQtMi45OTNoMi4yMzNaJyBmaWxsPScjRkZGRkZGJy8+PC9zdmc+);
}

.bcb-sort-btn.new {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLW5ldyc+PHJlY3Qgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJy8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9J25ldycgY2xpcC1wYXRoPSd1cmwoI2NsaXAtbmV3KSc+PHBhdGggaWQ9J3N0YXItc29saWQnIGQ9J00yOS40MjcuNjUzLDI2Ljk4Niw1LjZsLTUuNDYyLjhhMS4yLDEuMiwwLDAsMC0uNjYyLDIuMDQxbDMuOTUxLDMuODUtLjkzNSw1LjQzOWExLjIsMS4yLDAsMCwwLDEuNzM1LDEuMjZMMzAuNSwxNi40MjFsNC44ODYsMi41NjhhMS4yLDEuMiwwLDAsMCwxLjczNS0xLjI2bC0uOTM1LTUuNDM5LDMuOTUxLTMuODVBMS4yLDEuMiwwLDAsMCwzOS40NzUsNi40bC01LjQ2Mi0uOEwzMS41NzIuNjUzQTEuMiwxLjIsMCwwLDAsMjkuNDI3LjY1M1onIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0yMC41IDEuMDEzKScgZmlsbD0nIzZjNzU3ZCcvPjwvZz48L3N2Zz4=);
}

.bcb-sort-btn.new:hover, .bcb-sort-btn.new.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLW5ldyc+PHJlY3Qgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJy8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9J25ldycgY2xpcC1wYXRoPSd1cmwoI2NsaXAtbmV3KSc+PHBhdGggaWQ9J3N0YXItc29saWQnIGQ9J00yOS40MjcuNjUzLDI2Ljk4Niw1LjZsLTUuNDYyLjhhMS4yLDEuMiwwLDAsMC0uNjYyLDIuMDQxbDMuOTUxLDMuODUtLjkzNSw1LjQzOWExLjIsMS4yLDAsMCwwLDEuNzM1LDEuMjZMMzAuNSwxNi40MjFsNC44ODYsMi41NjhhMS4yLDEuMiwwLDAsMCwxLjczNS0xLjI2bC0uOTM1LTUuNDM5LDMuOTUxLTMuODVBMS4yLDEuMiwwLDAsMCwzOS40NzUsNi40bC01LjQ2Mi0uOEwzMS41NzIuNjUzQTEuMiwxLjIsMCwwLDAsMjkuNDI3LjY1M1onIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0yMC41IDEuMDEzKScgZmlsbD0nI0ZGRkZGRicvPjwvZz48L3N2Zz4=);
}

.bcb-sort-btn.highestbonus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLWJvbnVzJz48cmVjdCB3aWR0aD0nMjAnIGhlaWdodD0nMjAnLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0nYm9udXMnIGNsaXAtcGF0aD0ndXJsKCNjbGlwLWJvbnVzKSc+PHBhdGggaWQ9J2NvaW5zLXNvbGlkJyBkPSdNMCwxNS44MzJWMTcuNUMwLDE4Ljg3OSwzLjM1OSwyMCw3LjUsMjBTMTUsMTguODc5LDE1LDE3LjVWMTUuODMyQzEzLjM4NywxNi45NjksMTAuNDM4LDE3LjUsNy41LDE3LjVTMS42MTMsMTYuOTY5LDAsMTUuODMyWk0xMi41LDVDMTYuNjQxLDUsMjAsMy44NzksMjAsMi41UzE2LjY0MSwwLDEyLjUsMCw1LDEuMTIxLDUsMi41LDguMzU5LDUsMTIuNSw1Wk0wLDExLjczNFYxMy43NWMwLDEuMzc5LDMuMzU5LDIuNSw3LjUsMi41czcuNS0xLjEyMSw3LjUtMi41VjExLjczNGMtMS42MTMsMS4zMjgtNC41NjYsMi4wMTYtNy41LDIuMDE2UzEuNjEzLDEzLjA2MywwLDExLjczNFptMTYuMjUuNDNDMTguNDg4LDExLjczLDIwLDEwLjkyNiwyMCwxMFY4LjMzMkE5LjU5Myw5LjU5MywwLDAsMSwxNi4yNSw5LjY4Wk03LjUsNi4yNUMzLjM1OSw2LjI1LDAsNy42NDgsMCw5LjM3NVMzLjM1OSwxMi41LDcuNSwxMi41LDE1LDExLjEsMTUsOS4zNzUsMTEuNjQxLDYuMjUsNy41LDYuMjVabTguNTY2LDIuMkMxOC40MSw4LjAyNywyMCw3LjIsMjAsNi4yNVY0LjU4MmExMi43MTcsMTIuNzE3LDAsMCwxLTYuMjc3LDEuNjMzQTQuMzc0LDQuMzc0LDAsMCwxLDE2LjA2Niw4LjQ0OVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgMyknIGZpbGw9JyM2Yzc1N2QnLz48L2c+PC9zdmc+);
}

.bcb-sort-btn.highestbonus:hover, .bcb-sort-btn.highestbonus.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLWJvbnVzJz48cmVjdCB3aWR0aD0nMjAnIGhlaWdodD0nMjAnLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0nYm9udXMnIGNsaXAtcGF0aD0ndXJsKCNjbGlwLWJvbnVzKSc+PHBhdGggaWQ9J2NvaW5zLXNvbGlkJyBkPSdNMCwxNS44MzJWMTcuNUMwLDE4Ljg3OSwzLjM1OSwyMCw3LjUsMjBTMTUsMTguODc5LDE1LDE3LjVWMTUuODMyQzEzLjM4NywxNi45NjksMTAuNDM4LDE3LjUsNy41LDE3LjVTMS42MTMsMTYuOTY5LDAsMTUuODMyWk0xMi41LDVDMTYuNjQxLDUsMjAsMy44NzksMjAsMi41UzE2LjY0MSwwLDEyLjUsMCw1LDEuMTIxLDUsMi41LDguMzU5LDUsMTIuNSw1Wk0wLDExLjczNFYxMy43NWMwLDEuMzc5LDMuMzU5LDIuNSw3LjUsMi41czcuNS0xLjEyMSw3LjUtMi41VjExLjczNGMtMS42MTMsMS4zMjgtNC41NjYsMi4wMTYtNy41LDIuMDE2UzEuNjEzLDEzLjA2MywwLDExLjczNFptMTYuMjUuNDNDMTguNDg4LDExLjczLDIwLDEwLjkyNiwyMCwxMFY4LjMzMkE5LjU5Myw5LjU5MywwLDAsMSwxNi4yNSw5LjY4Wk03LjUsNi4yNUMzLjM1OSw2LjI1LDAsNy42NDgsMCw5LjM3NVMzLjM1OSwxMi41LDcuNSwxMi41LDE1LDExLjEsMTUsOS4zNzUsMTEuNjQxLDYuMjUsNy41LDYuMjVabTguNTY2LDIuMkMxOC40MSw4LjAyNywyMCw3LjIsMjAsNi4yNVY0LjU4MmExMi43MTcsMTIuNzE3LDAsMCwxLTYuMjc3LDEuNjMzQTQuMzc0LDQuMzc0LDAsMCwxLDE2LjA2Niw4LjQ0OVonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDAgMyknIGZpbGw9JyNGRkZGRkYnLz48L2c+PC9zdmc+);
}

.bcb-sort-btn.freespins {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLXNwaW5zJz48cmVjdCB3aWR0aD0nMjAnIGhlaWdodD0nMjAnLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0nc3BpbnMnIGNsaXAtcGF0aD0ndXJsKCNjbGlwLXNwaW5zKSc+PHBhdGggaWQ9J2dpZnQtc29saWQnIGQ9J00xLjI1LDQ4LjI1QTEuMjQ5LDEuMjQ5LDAsMCwwLDIuNSw0OS41SDguNzVWNDMuMjVIMS4yNVptMTAsMS4yNUgxNy41YTEuMjQ5LDEuMjQ5LDAsMCwwLDEuMjUtMS4yNXYtNWgtNy41Wk0xOC43NSwzN0gxNy4xMDVhMy40MDYsMy40MDYsMCwwLDAsLjM5NS0xLjU2MkEzLjQ0MywzLjQ0MywwLDAsMCwxNC4wNjMsMzJjLTEuNjI1LDAtMi42NzYuODMyLTQuMDIzLDIuNjY4QzguNjkxLDMyLjgzMiw3LjY0MSwzMiw2LjAxNiwzMmEzLjQ0MywzLjQ0MywwLDAsMC0zLjQzNywzLjQzOEEzLjM1OCwzLjM1OCwwLDAsMCwyLjk3MywzN0gxLjI1QTEuMjQ5LDEuMjQ5LDAsMCwwLDAsMzguMjV2My4xMjVBLjYyNy42MjcsMCwwLDAsLjYyNSw0MmgxOC43NUEuNjI3LjYyNywwLDAsMCwyMCw0MS4zNzVWMzguMjVBMS4yNDksMS4yNDksMCwwLDAsMTguNzUsMzdaTTYuMDEyLDM3YTEuNTYzLDEuNTYzLDAsMCwxLDAtMy4xMjVjLjc3NywwLDEuMzUyLjEyOSwzLjM2MywzLjEyNVptOC4wNTEsMEgxMC43YzIuMDA4LTIuOTg4LDIuNTY2LTMuMTI1LDMuMzYzLTMuMTI1YTEuNTYzLDEuNTYzLDAsMCwxLDAsMy4xMjVaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0yOSknIGZpbGw9JyM2Yzc1N2QnLz48L2c+PC9zdmc+);
}

.bcb-sort-btn.freespins:hover, .bcb-sort-btn.freespins.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwLXNwaW5zJz48cmVjdCB3aWR0aD0nMjAnIGhlaWdodD0nMjAnLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0nc3BpbnMnIGNsaXAtcGF0aD0ndXJsKCNjbGlwLXNwaW5zKSc+PHBhdGggaWQ9J2dpZnQtc29saWQnIGQ9J00xLjI1LDQ4LjI1QTEuMjQ5LDEuMjQ5LDAsMCwwLDIuNSw0OS41SDguNzVWNDMuMjVIMS4yNVptMTAsMS4yNUgxNy41YTEuMjQ5LDEuMjQ5LDAsMCwwLDEuMjUtMS4yNXYtNWgtNy41Wk0xOC43NSwzN0gxNy4xMDVhMy40MDYsMy40MDYsMCwwLDAsLjM5NS0xLjU2MkEzLjQ0MywzLjQ0MywwLDAsMCwxNC4wNjMsMzJjLTEuNjI1LDAtMi42NzYuODMyLTQuMDIzLDIuNjY4QzguNjkxLDMyLjgzMiw3LjY0MSwzMiw2LjAxNiwzMmEzLjQ0MywzLjQ0MywwLDAsMC0zLjQzNywzLjQzOEEzLjM1OCwzLjM1OCwwLDAsMCwyLjk3MywzN0gxLjI1QTEuMjQ5LDEuMjQ5LDAsMCwwLDAsMzguMjV2My4xMjVBLjYyNy42MjcsMCwwLDAsLjYyNSw0MmgxOC43NUEuNjI3LjYyNywwLDAsMCwyMCw0MS4zNzVWMzguMjVBMS4yNDksMS4yNDksMCwwLDAsMTguNzUsMzdaTTYuMDEyLDM3YTEuNTYzLDEuNTYzLDAsMCwxLDAtMy4xMjVjLjc3NywwLDEuMzUyLjEyOSwzLjM2MywzLjEyNVptOC4wNTEsMEgxMC43YzIuMDA4LTIuOTg4LDIuNTY2LTMuMTI1LDMuMzYzLTMuMTI1YTEuNTYzLDEuNTYzLDAsMCwxLDAsMy4xMjVaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwIC0yOSknIGZpbGw9JyNGRkZGRkYnLz48L2c+PC9zdmc+);
}

.bcb-load-more {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bcb-load-more.loading {
  padding-left: 40px;
}

.bcb-load-more.loading:before {
  content: "";
  border: 0.2em solid #007bff;
  border-bottom: 0.2em solid #fff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  -webkit-animation: spin 0.75s linear infinite;
  animation: spin 0.75s linear infinite;
  position: absolute;
  left: 15px;
}

.bcb-collapsed-content {
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.bcb__operator__visible {
  display: inline-block !important;
}

.bcb-align-right {
  text-align: right;
}

.bcb-bold {
  font-weight: 700;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    background-position: center 159px;
    background-color: black;
  }
  .bgPadding {
    max-width: 1150px;
    background-color: #edeef0;
    padding-bottom: 16px;
    color: #2b2f34;
  }
  .widthControl {
    padding-top: 16px;
    max-width: 1150px;
  }
}
@media (-ms-high-contrast: none) and (min-width: 1150px), (-ms-high-contrast: active) and (min-width: 1150px) {
  .widthControl {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .col-grid {
    display: -ms-grid;
  }
  .col-grid-right {
    -ms-grid-columns: 1fr 16px 160px;
  }
  .col-grid-right .contentCol {
    -ms-grid-column: 1;
  }
  .col-grid-right .rightCol {
    -ms-grid-column: 3;
  }
  .nav-topbar {
    height: 106px;
    background-color: #EDEEF0;
  }
  .nav-topbar-content {
    max-width: 1150px;
  }
  .navbar {
    font-size: 15px;
    background-color: white;
    height: 53px;
  }
  .navbar-content-item {
    font-size: 16px;
    padding: 0 16px;
    height: 53px;
  }
  .navcon {
    max-width: 1150px;
  }
  .latest-comments .headline {
    color: rgba(43, 47, 52, 0.5);
    font-size: 14px;
    font-weight: 700;
  }
  .latest-comments .count {
    color: rgba(43, 47, 52, 0.5);
  }
  .latest-comments .new-thread-button {
    margin-top: 8px;
  }
  .match-listing-slider {
    background-color: #0e1a24;
    padding: 8px;
  }
  .betting-legal-text {
    color: white;
    font-size: 12px;
    margin-bottom: 4px;
  }
  .match-list-component {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 4px;
    color: #2b2f34;
    margin: 0 8px;
  }
  .frontpage-grid {
    margin-top: 16px;
    display: -ms-grid;
    -ms-grid-columns: 1fr 16px 300px;
  }
  .news-item {
    margin-bottom: 8px;
  }
  .frontpage-main {
    -ms-grid-column: 1;
  }
  .frontpage-sidebar {
    -ms-grid-column: 3;
  }
  .standard-box {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 6px;
  }
  .standard-box-header {
    font-size: 16px;
    font-weight: 700;
    color: rgba(43, 47, 52, 0.5);
    padding: 8px;
    border-bottom: 1px solid #ddd;
    background: white;
  }
  .standard-box-content {
    padding: 8px;
    color: #4B4E52;
    font-size: 15px;
    line-height: calc(var(--medium-font-size) * 1.5);
  }
  a, .a-default {
    color: #2b2f34;
  }
  a.a-block, .a-default.a-block {
    color: #2b2f34;
  }
  a.a-block:hover, .a-default.a-block:hover {
    color: #2b2f34;
  }
  .main-footer-wrapper {
    background-color: #1d3549;
    color: white;
  }
  .main-footer-wrapper a {
    color: white;
  }
  .secondary-footer-wrapper {
    background-color: #243f56;
    border-top: 1px solid #33495b;
    color: white;
  }
  .secondary-footer-wrapper a {
    color: white;
  }
}
.admin-user-badges {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24px, 34px));
  grid-template-rows: repeat(3, minmax(20px, auto));
  gap: 20px;
}
.admin-user-badges .headline {
  grid-column: 1/-1;
}
.admin-user-badges .filter-input {
  grid-column: 1/-1;
  width: 40%;
}
.admin-user-badges .submit-button {
  grid-column: -3/span 2;
}
.admin-user-badges input[type=checkbox][id^=badge-checkbox] {
  display: none;
}
.admin-user-badges label {
  padding: 10px;
  display: block;
  position: relative;
  cursor: pointer;
}
.admin-user-badges label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}
.admin-user-badges label img {
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}
.admin-user-badges .selected-badge {
  grid-row: 2/span 1;
}
.admin-user-badges :checked + label {
  border-color: #ddd;
}
.admin-user-badges :checked + label:before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
}
.admin-user-badges .current label img {
  box-shadow: 0 0 5px lightblue;
  background-color: lightblue;
  padding: 2px;
  margin: -2px;
}
.admin-user-badges :checked + label img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #333;
  z-index: -1;
  background-color: green;
}

.admin-user-capabilities .capability {
  display: flex;
  align-items: center;
}
.admin-user-capabilities .capability-description {
  margin-left: 5px;
}

.admin-delete-user-container .admin-delete-user-reference {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.admin-delete-user-container .admin-delete-user-reference-field {
  width: 500px;
}

.deleted-user-list-container .deleted-user-list-table {
  table-layout: auto;
}
.deleted-user-list-container .deleted-user-list-table td {
  padding-left: 5px;
}

.find-user-for-deletion-input {
  padding-bottom: 5px;
}

.admin-change-username-container .admin-change-username-new {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.admin-change-username-container .admin-change-username-new-field {
  width: 200px;
}

.admin-change-username-in-use {
  color: red;
}

.find-user-for-name-change-input {
  padding-bottom: 5px;
}

.admin-ad {
  padding: var(--medium-spacing);
}
.admin-ad .date-time-line {
  flex-direction: column;
}
.admin-ad .date-time-con {
  display: flex;
  justify-content: space-between;
}
.admin-ad .geolocation-line {
  padding-top: var(--medium-spacing);
  padding-bottom: var(--medium-spacing);
  border-bottom: none;
}
.admin-ad .geolocation-con {
  display: flex;
}
.admin-ad .headline-con {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--medium-spacing);
}
.admin-ad .button {
  padding: 3px;
}
.admin-ad .debug-mode-con {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.debug-ad {
  background-color: rgba(255, 0, 0, 0.1);
  box-sizing: border-box;
  border: red 5px solid;
  border-radius: 1px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  max-width: 100%;
}
.debug-ad.obsolete {
  border-color: cornsilk;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.fa, .fab, .fad, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-moon:before {
  content: "\f186";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-star:before {
  content: "\f005";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-user:before {
  content: "\f007";
}

.fa-cog:before {
  content: "\f013";
}

.fa-times:before {
  content: "\f00d";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-check:before {
  content: "\f00c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-rectangle-ad:before {
  content: "\f641";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-flag:before {
  content: "\f024";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-image:before {
  content: "\f03e";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-search:before {
  content: "\f002";
}

.fa-clock:before {
  content: "\f017";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-light-300.eot);
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-light-300.woff2) format("woff2"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-light-300.woff) format("woff"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-light-300.ttf) format("truetype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-light-300.svg#fontawesome) format("svg");
}
.fal {
  font-weight: 300;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-regular-400.eot);
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-regular-400.woff2) format("woff2"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-regular-400.woff) format("woff"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-regular-400.ttf) format("truetype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-regular-400.svg#fontawesome) format("svg");
}
.fal, .far {
  font-family: "Font Awesome 5 Pro";
}

.far {
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-solid-900.eot);
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-solid-900.woff2) format("woff2"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-solid-900.woff) format("woff"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-solid-900.ttf) format("truetype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa, .fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-brands-400.eot);
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-brands-400.woff2) format("woff2"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-brands-400.woff) format("woff"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-brands-400.ttf) format("truetype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-brands-400.svg#fontawesome) format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-duotone-900.eot);
  src: url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-duotone-900.woff2) format("woff2"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-duotone-900.woff) format("woff"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-duotone-900.ttf) format("truetype"), url(/dust2/vendor/fontawesome-pro-5.15.2-web/webfonts/fa-duotone-900.svg#fontawesome) format("svg");
}
.fad {
  position: relative;
  font-family: "Font Awesome 5 Duotone";
  font-weight: 900;
}

/*# sourceMappingURL=Everything.css.map */