/* Keep the public layouts usable where newer CSS declarations are ignored. */
[hidden] { display: none !important; }
img { max-width: 100%; }
button, select { font: inherit; }
.static-slider { max-width: 1120px; margin: 28px auto; padding: 0 16px; }
.static-slider > h2 { text-align: center; }
.static-slider > h2:empty { display: none; }
.static-slider .banners-cards-wrapper {
  display: -webkit-flex; display: flex; overflow-x: auto; padding: 0;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.static-slider article {
  -webkit-flex: 0 0 31%; flex: 0 0 31%; min-width: 0; margin: 0 12px 0 0;
  border: 1px solid #514b6c; border-radius: 8px; background: #2f2e44; overflow: hidden;
}
.static-slider article img { display: block; width: 100%; height: auto; }
.static-slider article p, .static-slider article small { display: block; margin: 12px; }
.static-slider .static-community > img { width: 64px; height: 64px; margin: 12px; border-radius: 50%; }
.static-arrows { text-align: center; margin-top: 12px; }
.static-arrows button, .static-action {
  display: inline-block; margin: 0 6px; padding: 7px 17px; background: #2e2d42;
  color: #fff; border: 1px solid #5b5677; border-radius: 5px;
}
.static-arrows button:disabled { opacity: .5; }
.static-content { width: 92%; max-width: 1140px; margin: 36px auto 48px; text-align: center; }
.static-content h1 { margin: 0 0 24px; }
.static-content section { margin: 24px 0; padding: 24px; background: #1b1923; border: 1px solid #48445d; }
.static-rank-hero { width: 100%; max-height: 230px; object-fit: cover; }
.static-podium { display: -webkit-flex; display: flex; justify-content: center; margin: 0 auto 20px; }
.static-podium > div {
  width: 30%; margin: 5px; padding: 12px 4px; background: #302e46; border: 1px solid #61587a;
}
.static-podium img { display: block; margin: 0 auto 8px; width: 70px; }
.static-table { width: 100%; border-collapse: collapse; margin-bottom: 24px; }
.static-table td, .static-table th { padding: 11px 6px; border-bottom: 1px solid #504d62; }
.static-table tbody tr:nth-child(odd) { background: #282736; }
.static-referral { text-align: center; padding-left: 165px; position: relative; }
.static-referral nav { position: absolute; left: 0; top: 0; width: 145px; }
.static-referral h1 { font: bold 21px/1.3 Roboto, Arial, sans-serif; text-transform: uppercase; }
.static-referral h1 span { color: #60d4da; }
.static-referral h1 span + span { color: #ce55bc; }
.static-referral h2 img { height: 36px; vertical-align: middle; margin-right: 10px; }
.static-benefit { display: inline-block; vertical-align: top; width: 31%; padding: 10px 4px; }
.static-benefit img { width: 45px; height: 45px; display: block; margin: 0 auto 8px; }
.static-demo-auth { max-width: 440px; padding: 20px; }
.static-demo-auth .static-action { display: block; margin: 10px 0; background: #62d5db; color: #181824; }
@media (max-width: 700px) {
  .static-slider article { -webkit-flex-basis: 80%; flex-basis: 80%; }
  .static-content { margin-top: 22px; }
  .static-content section { padding: 14px 10px; }
  .static-referral { padding-left: 0; }
  .static-referral nav { position: static; width: auto; margin-bottom: 20px; }
  .static-table { font-size: 12px; }
  .static-podium > div { font-size: 12px; }
}
html, body { width: 100%; overflow-x: hidden; }
.main-roller-header .static-language-select { min-width: 72px; height: 42px; }
@media (max-width: 700px) {
  .main-roller-header .static-language-select { min-width: 0; height: auto; }
}
@media (max-width: 767px) {
  .main-roller-header .logo-link { display: none; }
  .main-page { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
  .main-page > .live-stats-block { -webkit-order: -1; order: -1; }
  .main-page-top-block .lottie-animation { display: none; }
  .main-page-top-block .top-block-container .feefo-score-badge { min-height: 58px; }
}
@media (max-width: 359px) {
  .main-roller-header .roller-header-button:not(.unauthorised-menu-button) { width: 95px; }
}
.static-review {
  display: inline-block; text-align: left; padding: 8px 10px; border-radius: 4px;
  background: #283039; color: #fff; font: bold 15px/1.2 Arial, sans-serif;
}
.static-review strong { color: #ffe06a; letter-spacing: 1px; }
.static-review small { display: block; margin-top: 4px; }
@media (max-width: 767px) {
  .main-roller-header .main-header-container .logo-link { display: none !important; }
  .main-page > .live-stats-block { position: relative; }
}
@media (max-width: 767px) {
  .main-page { padding-top: 64px; }
}