@font-face {
    font-family: "CasinoNfont";
    src: url("../fonts/casino/CasinoNfont.eot");
    src: url("../fonts/casino/CasinoNfont.eot") format("embedded-opentype"),
      url("../fonts/casino/CasinoNfont.ttf") format("truetype"),
      url("../fonts/casino/CasinoNfont.woff") format("woff"),
      url("../fonts/casino/CasinoNfont.svg") format("svg");
    font-weight: 0;
    font-style: normal;
  }
  
  * {
    box-sizing: border-box;
  }
  
  html, body {
    background-color: #0f0f0f;
    color: #dfe0e5;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    user-select: none;
  }
  
  .icon {
    font-family: "CasinoNfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .iconAutoplay::before {
    content: "\e915";
  }

  .iconAutoplayGL::before {
    content: "\e91b";
  }
  
  .iconAdvancedSettings::before {
    content: "\e686";
  }
  
  .iconBack::before {
    content: "\e903";
  }
  
  .iconClose::before {
    content: "\e905";
  }
  
  .iconHistory::before {
    content: "\e909";
  }
  
  .iconLines::before {
    content: "\e90b";
  }

  .iconBuy::before {
    content: "\e91a";
  }
  
  .iconMenu::before {
    content: "\e916";
  }
  
  .iconMoney::before {
    content: "\e904";
  }

  .iconMoneyGL::before {
    content: "\e91f";
  }

  .iconLobby::before {
    content: "\e920";
  }
  
  .iconPaytable::before {
    content: "\e90c";
  }
  
  .iconRules::before {
    content: "\e919";
  }
  
  .iconSettings::before {
    content: "\e90e";
  }
  
  .iconSpin::before {
    content: "\e910";
  }

  .iconSpinGL::before {
    content: "\e91e";
  }
  
  .iconSound::before {
    content: "\e914";
  }
  
  .iconStop::before {
    content: "\e911";
  }

  .iconStopGL::before {
    content: "\e91c";
  }
  
  .iconTurbo::before {
    content: "\e912";
  }

  .iconWalletGL::before {
    content: "\e91d";
  }
  
  .rules {
    padding: 24px;
  }
  
  .rules h1 {
    font-size: 18px;
    font-weight: 900;
    margin: 12px 0;
  }
  
  .rules h2 {
    font-size: 16px;
    font-weight: 500;
    margin: 12px 0;
  }
  
  .rules hr {
    background-color: white;
    border: 0 none;
    color: white;
    height: 1px;
    margin: 24px 0;
    opacity: 0.1;
  }
  
  .rules ul {
    padding: 0;
    margin: 0 0 0 16px;
    list-style-type: disc;
  }
  
  .rules .content {
    font-weight: 300;
    line-height: 1.7;
  }
  
  .rules .table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
  }
  
  .rules .table th {
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
  }
  
  .rules .table td {
    padding: 16px;
    vertical-align: top;
  }
  
  .rules .table thead th:first-child {
    width: 60px;
  }
  
  .rules .table tbody tr:nth-child(odd) {
    background-color: #191919;
  }
  
  .rules .table tbody td:first-child {
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    opacity: 0.6;
  }
  
  .rules .table tbody td:first-child .icon {
    line-height: 32px;
  }
  
  .rules .table tbody td p {
    padding: 0;
    margin: 8px 0 0 0;
  }
  
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 0;
    background: #101010;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #303030;
    border-radius: 6px;
    box-shadow: none;
  }
  
  ::-webkit-scrollbar-thumb:window-inactive {
    background: #202020;
  }