@mobile: ~"only screen and (max-width: 926px)";
@landscape: ~"only screen and (orientation: landscape)";
@portrait: ~"only screen and (orientation: portrait)";
@tabs-width: 250px;
@title-font-family: GermaniaOne-Regular, robotobold, Roboto, Arial, Helvetica, sans-serif;
@font-family: robotobold, Roboto, Arial, Helvetica, sans-serif;
@reserve-title-font-family: robotobold, Roboto, Arial, Helvetica, sans-serif;
@reserve-title-font-family-zh: robotoblack, Roboto, robotomedium, Arial, Helvetica, sans-serif;
@fontSize: 5vmin;
@fontSizeMedium: 2.5vmin;
@fontSizeSmall: 2.1vmin;
@text-color: #fff0eb;
@text-stroke: 0.15vmin #a86200;
@text-shadow: 0 0 0.2vmin #ff7024;

@logoAspectRatioPortrait: 1.15;
@logoAspectRatioLandscape: 2.55;

@logoHeightPortrait: 16dvh;
@logoHeightPortraitMobile: @logoHeightPortrait;
@logoHeightLandscape: 24dvh;
@logoHeightLandscapeMobile: @logoHeightLandscape;

@featuresHeightPortrait: 69dvh;
@featuresHeightPortraitMobile: 74dvh;
@featuresHeightLandscape: 61dvh;
@featuresHeightLandscapeMobile: 69dvh;

@buttonHeightPortrait: 15dvh;
@buttonHeightPortraitMobile: 10dvh;
@buttonHeightLandscape: @buttonHeightPortrait;
@buttonHeightLandscapeMobile: @buttonHeightPortraitMobile;

@import "./loading.less";
@import "./splash.less";
@import "./settings.less";
@import "./info.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;
}

.gameUI {
  .settings {
    .content {
      .content-block {
        .game-divider {
          margin-top: 3vw;
        }
      }
    }
  }
}