/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/media-query-plugin/src/loader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./resources/assets/styles/blocks/casino.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.casino__thumb {
  max-width: 400px;
  height: 220px;
}
.casino__badge {
  background-color: color-mix(in srgb, currentColor 15%, transparent);
}
.casino__title {
  font-size: clamp(28px, 4vw, 50px);
}
.casino__tagline {
  max-width: 500px;
}
.casino__rating {
  font-size: 64px;
}
.casino__bar__fill {
  background-image: linear-gradient(to right, var(--igs-cs-c-1) 0%, var(--igs-cs-c-2) 100%);
}
@media (min-width: 992px) {
  .casino__panel {
    width: 370px;
  }
}