@smartphones: ~"only screen and (max-width: 900px), only screen and (pointer: coarse)";
@landscape: ~"only screen and (orientation: landscape)";
@portrait: ~"only screen and (orientation: portrait)";
@portraitWide: ~"only screen and (orientation: portrait) and (min-aspect-ratio: 3/5)";
@landscapeNarrow: ~"only screen and (orientation: landscape) and (max-aspect-ratio: 5/3)";
@tabs-width: 250px;
@font-family: "pedro-bold";
@paytable-font-family: "calibri";

@import "./loading.less";
@import "./splash.less";
@import "./paytable.less";

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.noselect,
div,
span,
a,
p,
h1,
h2,
h3,
h4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.introVideoSkip {
  color: #dedefc;
  filter: drop-shadow(0vmin 0.4vmin #2e333f);
  text-shadow: none;
  font-weight: bold;
  opacity: 0.7;
}

.introPromptText {
    font-size: 5vmin;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.3;
    background: linear-gradient(
      to top,
      #575c77,
      #dedefc,
    );
    background-position-y: 0%;
    background-size: 100% 150%;
    filter: drop-shadow(0vmin 0.6vmin #2e333f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation-name: entry, glow;
    animation-timing-function: ease-out, linear;
    animation-delay: 0ms, 0ms;
    animation-iteration-count: 1, infinite;
    animation-duration: 1.5s, 1s;

    @keyframes glow {
      0% {
        background-position-y: 0%;
      }
      50% {
        background-position-y: 120%;
      }
      100% {
        background-position-y: 0%;
      }
    }

    @keyframes entry {
      0% {
        opacity: 0%;
      }
      100% {
        opacity: 100%;
      }
    }
}

.game-settings .divider {
  width: 100%;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 1vh 0;
  height: 1px;
  background: #2a2a2a;
}

// partially supported languages font
.el_GR,
.vi_VN,
.km_KH,
.ru_RU,
.ro_RO,
.lt_LT,
.tr_TR,
.pl_PL,
.cs_CZ,
.lv_LV,
.hu_HU,
.hr_HR,
.sk_SK,
.uk_UA {
  #win_cap_info .top,
  #win_cap_info .middle,
  #win_cap_info .bottom,
  #splash-screen .continue,
  #splash-screen .winUpTo,
  .current-bet,
  .title-currency,
  .replay-header,
  .feature-bet-amount,
  .INFO .center-text,
  ul,
  h1,
  h2 {
    font-family: sans-serif, Arial, Helvetica !important;
    font-weight: bold !important
  }
}

  // long languages tweaks
  .ro_RO,
  .el_GR,
  .vi_VN,
  .km_KH,
  .ru_RU,
  .ro_RO,
  .lt_LT,
  .tr_TR,
  .pl_PL,
  .cs_CZ,
  .lv_LV,
  .hu_HU,
  .hr_HR,
  .sk_SK,
  .uk_UA {
    #splash-screen .winUpTo {
      letter-spacing: -1;
      padding-bottom: 1.5vh;
      @media @portrait {
        font-size: 8vw !important;
        padding-bottom: 1.5vw;
      }
      @media @portraitWide {
        font-size: 7vw !important;
        padding-bottom: 1.5vw;
      }
      @media @landscape {
        font-size: 5.5vh !important;
      }
      @media @landscapeNarrow {
        padding-top: 1.5vh;
        font-size: 4.25vh !important;
      }
    }
    #splash-screen .continue {
      max-width: 50% !important;
      font-size: 4vmin !important;
      line-height: 0.9 !important;

      @media @portrait {
        font-size: 5vmin !important;
        max-width: 80% !important;
      }
    }
  }